diff --git a/web/src/components/ChatBox/ChatMessageList/useMessageReactions.tsx b/web/src/components/ChatBox/ChatMessageList/useMessageReactions.tsx
index 338f2ea1..52481f15 100644
--- a/web/src/components/ChatBox/ChatMessageList/useMessageReactions.tsx
+++ b/web/src/components/ChatBox/ChatMessageList/useMessageReactions.tsx
@@ -54,7 +54,7 @@ export function useMessageReactions(payload: ChatMessage) {
   }, [reactions]);
 
   return (
-    <div className="flex chat-message-reactions gap-1">
+    <div className="flex chat-message-reactions gap-1 py-0.5">
       {groupedReactions.map((reaction) => (
         <ReactionItem key={reaction.name} reaction={reaction} />
       ))}