From 9d4606199ab9b47c5fd87877d11c0f7fe9793e91 Mon Sep 17 00:00:00 2001
From: maria-rcks <254055478+maria-rcks@users.noreply.github.com>
Date: Thu, 17 Sep 2026 04:38:46 +0000
Subject: [PATCH] fix(web): align notification icons with titles

---
 apps/web/src/components/ui/toast.tsx | 54 ++++++++++++++--------------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/apps/web/src/components/ui/toast.tsx b/apps/web/src/components/ui/toast.tsx
index d5e28441dc6b..391156f85e90 100644
--- a/apps/web/src/components/ui/toast.tsx
+++ b/apps/web/src/components/ui/toast.tsx
@@ -345,35 +345,35 @@ function ToastBodyContent({
 
   return (
     <>
-      <div className={cn("flex min-w-0 gap-2", !stackedActionLayout && "flex-1")}>
-        {leadingIcon ? (
-          <div
-            className="flex h-lh w-4 shrink-0 items-center justify-center"
-            data-slot="toast-icon"
-          >
-            {leadingIcon}
-          </div>
-        ) : Icon ? (
-          <div
-            className="[&>svg]:h-lh [&>svg]:w-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"
-            data-slot="toast-icon"
-          >
-            <Icon className="in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning in-data-[type=loading]:opacity-80" />
-          </div>
-        ) : null}
-        <div
-          className={cn(
-            "flex min-h-0 min-w-0 flex-1 flex-col gap-0.5",
-            stackedActionLayout && "pr-5",
-          )}
-        >
+      <div
+        className={cn(
+          "flex min-h-0 min-w-0 flex-col gap-0.5",
+          stackedActionLayout ? "pr-5" : "flex-1",
+        )}
+      >
+        <div className="flex min-w-0 gap-2">
+          {leadingIcon ? (
+            <div
+              className="flex h-lh w-4 shrink-0 items-center justify-center"
+              data-slot="toast-icon"
+            >
+              {leadingIcon}
+            </div>
+          ) : Icon ? (
+            <div
+              className="[&>svg]:h-lh [&>svg]:w-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"
+              data-slot="toast-icon"
+            >
+              <Icon className="in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning in-data-[type=loading]:opacity-80" />
+            </div>
+          ) : null}
           <Toast.Title className="min-w-0 wrap-break-word font-medium" data-slot="toast-title" />
-          <ToastDescriptionAndExpandable
-            toastData={toastData}
-            toastDescription={toastDescription}
-            toastType={toastType}
-          />
         </div>
+        <ToastDescriptionAndExpandable
+          toastData={toastData}
+          toastDescription={toastDescription}
+          toastType={toastType}
+        />
       </div>
       {hasTrailingControls ? (
         <div