diff --git a/packages/web/src/components/chat/Message.tsx b/packages/web/src/components/chat/Message.tsx
index 237cdac1..97a95938 100644
--- a/packages/web/src/components/chat/Message.tsx
+++ b/packages/web/src/components/chat/Message.tsx
@@ -20,6 +20,7 @@ interface MessageProps {
   message: MessageWithUser;
   isCompact: boolean;
   isFirstInGroup: boolean;
+  previousMessageId: string | null;
 }
 
 function formatTime(timestamp: number): string {
@@ -59,7 +60,7 @@ function isGifOnlyMessage(content: string | null): boolean {
   return GIF_URL_REGEX.test(trimmed);
 }
 
-export function Message({ message, isCompact, isFirstInGroup }: MessageProps) {
+export function Message({ message, isCompact, isFirstInGroup, previousMessageId }: MessageProps) {
   const [isEditing, setIsEditing] = useState(false);
   const [editContent, setEditContent] = useState(message.content ?? '');
   const [isHovered, setIsHovered] = useState(false);
diff --git a/packages/web/src/components/chat/MessageList.tsx b/packages/web/src/components/chat/MessageList.tsx
index 6da89fb0..78743993 100644
--- a/packages/web/src/components/chat/MessageList.tsx
+++ b/packages/web/src/components/chat/MessageList.tsx
@@ -303,6 +303,7 @@ export function MessageList({ channelId, jumpToMessageId, onJumpComplete }: Mess
                   message={msg}
                   isCompact={!isFirstInGroup}
                   isFirstInGroup={isFirstInGroup}
+                  previousMessageId={messages[i - 1]?.id ?? null}
                 />
               </React.Fragment>
             );