fix(Alert): constraining children

kripod · Dec 10, 2023 · 1ab9b12 · 1ab9b12
1 parent 3929890
commit 1ab9b12
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Alert.tsx b/src/components/Alert.tsx
@@ -8,10 +8,10 @@ export function Alert({ children }: AlertProps) {
   return (
     <div
       role="alert"
-      className="grid grid-cols-[auto_1fr] gap-x-2 rounded-2xl border border-ui-neutral-2 bg-ui-neutral-1 p-4 text-base text-ui-neutral-5"
+      className="flex gap-x-2 rounded-2xl border border-ui-neutral-2 bg-ui-neutral-1 p-4 text-base text-ui-neutral-5"
     >
-      <InformationCircleIcon className="h-6 w-6" />
-      {children}
+      <InformationCircleIcon className="h-6 w-6 flex-none" />
+      <div>{children}</div>
     </div>
   );
 }