From f78c256ff4beebd9a2c0d1e0c2f89112d9b86e65 Mon Sep 17 00:00:00 2001
From: Dylan Audius <dylan@audius.co>
Date: Thu, 12 Nov 2026 15:59:57 -0800
Subject: [PATCH] fix(chat): full-width row so link-only bubbles keep their
 width

#14749 wrapped each message bubble in a row for the group sender avatar.
That row shrinks to fit, so a link-only bubble's min(448px, 100%) width had
nothing to resolve against and the track or playlist card collapsed to its
artwork. Make the row full width and justify it by author.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/pages/chat-page/components/ChatMessageListItem.tsx    | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/web/src/pages/chat-page/components/ChatMessageListItem.tsx b/packages/web/src/pages/chat-page/components/ChatMessageListItem.tsx
index 1b9a9053dd2..bbaa5344e56 100644
--- a/packages/web/src/pages/chat-page/components/ChatMessageListItem.tsx
+++ b/packages/web/src/pages/chat-page/components/ChatMessageListItem.tsx
@@ -219,9 +219,13 @@ export const ChatMessageListItem = memo(function ChatMessageListItem(
           {sender.name}
         </Text>
       ) : null}
+      {/* Full width so a link-only bubble's min(448px, 100%) width resolves
+          against the list, not this row's shrink-to-fit width. */}
       <Flex
         gap='s'
         alignItems='flex-end'
+        justifyContent={isAuthor ? 'flex-end' : 'flex-start'}
+        w='100%'
         css={{ maxWidth: '100%', minWidth: 0 }}
       >
         {showSender ? (