From 9dbdcece5f488c66f6b9ac516b610f45bbbb676a Mon Sep 17 00:00:00 2001
From: Wout Stiens <71498452+StiensWout@users.noreply.github.com>
Date: Tue, 1 Sep 2026 18:44:42 +0200
Subject: [PATCH] fix(web): align un-settle banner action (#9033)

---
 .../components/chat/ComposerBannerStack.tsx   | 31 ++++++++++---------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/apps/web/src/components/chat/ComposerBannerStack.tsx b/apps/web/src/components/chat/ComposerBannerStack.tsx
index 7f51dc601d08786e21ad848f6f3f7e3c64d55e15..6f335a82b37880e0b0b806dde00d7de9c6aa075b 100644
--- a/apps/web/src/components/chat/ComposerBannerStack.tsx
+++ b/apps/web/src/components/chat/ComposerBannerStack.tsx
@@ -269,8 +269,21 @@ function ComposerBannerStackAlert({
       className={item.className}
     >
       <ComposerBanner.Row layout="wrap-actions">
-        <ComposerBanner.Icon>{item.icon}</ComposerBanner.Icon>
-        <ComposerBanner.Content className="font-medium">{item.title}</ComposerBanner.Content>
+        <ComposerBanner.Icon className={item.description ? "min-h-4 self-start" : undefined}>
+          {item.icon}
+        </ComposerBanner.Icon>
+        <ComposerBanner.Content
+          className={item.description ? "flex-col items-start gap-0" : "font-medium"}
+        >
+          {item.description ? (
+            <>
+              <span className="font-medium">{item.title}</span>
+              <span className="text-muted-foreground">{item.description}</span>
+            </>
+          ) : (
+            item.title
+          )}
+        </ComposerBanner.Content>
         {item.actions || item.onDismiss ? (
           <ComposerBanner.Actions>
             {item.actions}
@@ -284,19 +297,7 @@ function ComposerBannerStackAlert({
           </ComposerBanner.Actions>
         ) : null}
       </ComposerBanner.Row>
-      {item.description || item.children ? (
-        <ComposerBanner.Children>
-          {item.description ? (
-            <ComposerBanner.Row>
-              <ComposerBanner.Icon />
-              <ComposerBanner.Content className="text-muted-foreground">
-                {item.description}
-              </ComposerBanner.Content>
-            </ComposerBanner.Row>
-          ) : null}
-          {item.children}
-        </ComposerBanner.Children>
-      ) : null}
+      {item.children ? <ComposerBanner.Children>{item.children}</ComposerBanner.Children> : null}
     </ComposerBanner.Root>
   );
 }
-- 
2.54.0