From f788fa8f298b5711e0087aa0c6dd3f028114fec0 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 17 Jan 2026 16:41:58 +0000
Subject: [PATCH] style: Display emoji set items one per row

---
 src/components/nostr/kinds/EmojiSetDetailRenderer.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/nostr/kinds/EmojiSetDetailRenderer.tsx b/src/components/nostr/kinds/EmojiSetDetailRenderer.tsx
index 6ee6391..d287a08 100644
--- a/src/components/nostr/kinds/EmojiSetDetailRenderer.tsx
+++ b/src/components/nostr/kinds/EmojiSetDetailRenderer.tsx
@@ -23,12 +23,12 @@ export function EmojiSetDetailRenderer({ event }: { event: NostrEvent }) {
         </div>
       ) : (
         <>
-          {/* Emoji list - horizontal flow with wrapping */}
-          <div className="flex flex-wrap gap-2">
+          {/* Emoji list - one per row */}
+          <div className="flex flex-col gap-1">
             {emojis.map((emoji) => (
               <div
                 key={emoji.shortcode}
-                className="inline-flex items-center gap-1.5 px-2 py-1 rounded bg-muted/30"
+                className="inline-flex items-center gap-2 px-2 py-1 rounded bg-muted/30 w-fit"
               >
                 <Emoji
                   source="custom"