From e565dd9ca2776874dfd11815e674bc332022b036 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 15 Jan 2026 18:58:04 +0000
Subject: [PATCH] Fix custom emoji shrinking in reaction badges

- Add flex-shrink-0 to custom emoji images to prevent compression
- Add flex-shrink-0 to unicode emoji spans for consistency
- Ensures both custom and unicode emoji maintain their size-3.5 dimensions
---
 src/components/chat/MessageReactions.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/chat/MessageReactions.tsx b/src/components/chat/MessageReactions.tsx
index f52b54a..1cb30f2 100644
--- a/src/components/chat/MessageReactions.tsx
+++ b/src/components/chat/MessageReactions.tsx
@@ -180,10 +180,12 @@ function ReactionBadge({ reaction }: { reaction: ReactionSummary }) {
         <img
           src={reaction.customEmoji.url}
           alt={`:${reaction.customEmoji.shortcode}:`}
-          className="size-3.5 inline-block object-contain"
+          className="size-3.5 flex-shrink-0 object-contain"
         />
       ) : (
-        <span className="text-xs leading-none">{reaction.emoji}</span>
+        <span className="text-xs leading-none flex-shrink-0">
+          {reaction.emoji}
+        </span>
       )}
       <span
         className={cn(