diff --git a/src/components/alert/alert.tsx b/src/components/alert/alert.tsx
index c15476a7..9ea6a8d1 100644
--- 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>