From f11911d64ccafe96e3689f7b5c090e35fb41af90 Mon Sep 17 00:00:00 2001
From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Thu, 18 Sep 2025 18:45:47 +0530
Subject: [PATCH] move message header outside bubble

---
 src/app/components/message/layout/Bubble.tsx | 25 +++++++++++---------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/app/components/message/layout/Bubble.tsx b/src/app/components/message/layout/Bubble.tsx
index 744ee155..2753e8f5 100644
--- a/src/app/components/message/layout/Bubble.tsx
+++ b/src/app/components/message/layout/Bubble.tsx
@@ -38,18 +38,21 @@ export const BubbleLayout = as<'div', BubbleLayoutProps>(
       <Box className={css.BubbleBefore} shrink="No">
         {before}
       </Box>
-      <Box
-        className={
-          hideBubble
-            ? undefined
-            : classNames(css.BubbleContent, before ? css.BubbleContentArrowLeft : undefined)
-        }
-        direction="Column"
-        grow={hideBubble ? 'Yes' : undefined}
-      >
-        {!hideBubble && before ? <BubbleLeftArrow variant="SurfaceVariant" /> : null}
+      <Box grow="Yes" direction="Column">
         {header}
-        {children}
+        <Box>
+          <Box
+            className={
+              hideBubble
+                ? undefined
+                : classNames(css.BubbleContent, before ? css.BubbleContentArrowLeft : undefined)
+            }
+            direction="Column"
+          >
+            {!hideBubble && before ? <BubbleLeftArrow variant="SurfaceVariant" /> : null}
+            {children}
+          </Box>
+        </Box>
       </Box>
     </Box>
   )