From 3576a11595e6af55a328e98ffdfb70fabc7aa479 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sat, 14 Mar 2026 13:16:34 +0800
Subject: [PATCH] fix: prevent relay description text overflow on mobile

Use overflow-wrap: anywhere instead of break-words so long URLs
break properly without splitting normal words mid-character.

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

diff --git a/src/components/RelaySimpleInfo/index.tsx b/src/components/RelaySimpleInfo/index.tsx
index cd78785..1d75dfc 100644
--- a/src/components/RelaySimpleInfo/index.tsx
+++ b/src/components/RelaySimpleInfo/index.tsx
@@ -36,7 +36,7 @@ export default function RelaySimpleInfo({
         {relayInfo && !IS_COMMUNITY_MODE && <SaveRelayDropdownMenu urls={[relayInfo.url]} />}
       </div>
       {!!relayInfo?.description && (
-        <div className="line-clamp-3 whitespace-pre-wrap break-words">
+        <div className="line-clamp-3 overflow-hidden whitespace-pre-wrap [overflow-wrap:anywhere]">
           <ContentPreview event={createFakeEvent({ content: relayInfo.description })} />
         </div>
       )}