From 1ab9b120985f78819f1239fa5fb9a149e0d463ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20Poduszl=C3=B3?=
 <14854048+kripod@users.noreply.github.com>
Date: Mon, 11 Dec 2023 00:34:29 +0100
Subject: [PATCH] fix(Alert): constraining children

---
 src/components/Alert.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Alert.tsx b/src/components/Alert.tsx
index 83ed7bf..373cd94 100644
--- 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>
   );
 }