From 71dc0bb4fc65fb9e52b2a2496d2236ad3f241fa4 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Mon, 9 Feb 2026 22:02:01 +0800
Subject: [PATCH] fix: prevent horizontal overflow of relay tags

Add flex-wrap to the relay tags container so tags wrap to the next line
instead of overflowing horizontally.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/RelayInfo/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/RelayInfo/index.tsx b/src/components/RelayInfo/index.tsx
index b939ec5..0764117 100644
--- a/src/components/RelayInfo/index.tsx
+++ b/src/components/RelayInfo/index.tsx
@@ -48,7 +48,7 @@ export default function RelayInfo({ url, className }: { url: string; className?:
             <RelayControls url={relayInfo.url} />
           </div>
           {!!relayInfo.tags?.length && (
-            <div className="flex gap-2">
+            <div className="flex flex-wrap gap-2">
               {relayInfo.tags.map((tag) => (
                 <Badge variant="secondary">{tag}</Badge>
               ))}