Merge pull request #47 from abusix/pla-700-fix-icon-shrink-for-alert-…

…component fix(components): prevent alert icon to shrink
abusix · Oct 10, 2023 · 787ed87 · 787ed87
2 parents 7202cfd + 1ce7ac4
commit 787ed87
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/alert/alert.tsx b/src/components/alert/alert.tsx
@@ -42,8 +42,8 @@ export const Alert = ({ title, children, intent }: AlertProps) => {
                 alertVariants[intent]
             )}
         >
-            <Icon className={classNames("h-4 w-4", iconVariants[intent])} />
-            <div>
+            <Icon className={classNames("h-4 w-4 flex-shrink-0", iconVariants[intent])} />
+            <div className="flex-grow">
                 <div className="text-sm font-medium">{title}</div>
                 {children && <div className="pt-1 text-sm text-neutral-800">{children}</div>}
             </div>