diff --git a/src/components/chat/MessageReactions.tsx b/src/components/chat/MessageReactions.tsx
index efb22f8..758fe31 100644
--- a/src/components/chat/MessageReactions.tsx
+++ b/src/components/chat/MessageReactions.tsx
@@ -134,14 +134,14 @@ export function MessageReactions({ messageId, relays }: MessageReactionsProps) {
   if (aggregated.length === 0) return null;
 
   return (
-    <>
+    <div className="inline-flex gap-1 max-w-full overflow-x-auto hide-scrollbar">
       {aggregated.map((reaction) => (
         <ReactionBadge
           key={reaction.customEmoji?.shortcode || reaction.emoji}
           reaction={reaction}
         />
       ))}
-    </>
+    </div>
   );
 }