From 48f73b95ac5f76467c06803481a890d5237f790e Mon Sep 17 00:00:00 2001
From: kyzenfr4 <kyzenfr4@users.noreply.github.com>
Date: Wed, 17 Jun 2026 16:23:31 +0000
Subject: [PATCH] fix: wrap long distinct ids in session info

---
 src/app/(main)/websites/[websiteId]/sessions/SessionInfo.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionInfo.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionInfo.tsx
index 8ccaede42..598561290 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionInfo.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionInfo.tsx
@@ -14,7 +14,9 @@ export function SessionInfo({ data }) {
   return (
     <Grid columns="repeat(auto-fit, minmax(200px, 1fr)" gap>
       <Info label={t(labels.distinctId)} icon={<KeyRound />}>
-        {data?.distinctId}
+        <span style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }}>
+          {data?.distinctId}
+        </span>
       </Info>
 
       <Info label={t(labels.lastSeen)} icon={<Calendar />}>