From a0087964a7610a33b1bd38768aeec5015f03c0ca Mon Sep 17 00:00:00 2001
From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Fri, 19 Sep 2025 16:21:47 +0530
Subject: [PATCH] fix event time appears on left in hidden bubles

---
 src/app/components/message/layout/Bubble.tsx | 28 +++++++++++---------
 1 file changed, 16 insertions(+), 12 deletions(-)

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