From ff73a0e21799f8ffa9026fb76d5427a9c88d35a9 Mon Sep 17 00:00:00 2001
From: Shusui MOYATANI <syusui.s@gmail.com>
Date: Mon, 12 Feb 2024 09:56:57 +0900
Subject: [PATCH] fix: set overflow-hidden for reaction emoji

---
 src/components/event/Reaction.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/event/Reaction.tsx b/src/components/event/Reaction.tsx
index 3144df5..eab5b2e 100644
--- a/src/components/event/Reaction.tsx
+++ b/src/components/event/Reaction.tsx
@@ -43,7 +43,7 @@ const ReactionDisplay: Component<ReactionDisplayProps> = (props) => {
     // if the reacted event is not found, it should be a removed event
     <Show when={!isRemoved() && !shouldMuteEvent(props.event)}>
       <div class="flex items-center gap-1 pl-[2px] text-sm">
-        <div class="notification-icon flex max-w-[64px] place-items-center">
+        <div class="notification-icon flex max-w-[64px] place-items-center overflow-hidden">
           <EmojiDisplay reactionTypes={event().toReactionTypes()} />
         </div>
         <div class="notification-user flex flex-1 gap-1 overflow-hidden">