From 3394183892b8a7a44b2988f9d8f66790ee9e5c92 Mon Sep 17 00:00:00 2001
From: Jack Kingsman <jack.kingsman@gmail.com>
Date: Thu, 12 Feb 2026 19:26:54 -0800
Subject: [PATCH] Fix outgoing first message top padding missing

---
 frontend/src/components/MessageList.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/MessageList.tsx b/frontend/src/components/MessageList.tsx
index 5a54a2c..d4ad387 100644
--- a/frontend/src/components/MessageList.tsx
+++ b/frontend/src/components/MessageList.tsx
@@ -365,7 +365,8 @@ export function MessageList({
           const prevSenderKey = prevMsg
             ? getSenderKey(prevMsg, parseSenderFromText(prevMsg.text).sender)
             : null;
-          const showAvatar = !msg.outgoing && currentSenderKey !== prevSenderKey;
+          const isFirstInGroup = currentSenderKey !== prevSenderKey;
+          const showAvatar = !msg.outgoing && isFirstInGroup;
           const isFirstMessage = index === 0;
 
           // Get avatar info for incoming messages
@@ -390,7 +391,7 @@ export function MessageList({
               className={cn(
                 'flex items-start max-w-[85%]',
                 msg.outgoing && 'flex-row-reverse self-end',
-                showAvatar && !isFirstMessage && 'mt-3'
+                isFirstInGroup && !isFirstMessage && 'mt-3'
               )}
             >
               {!msg.outgoing && (