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 1/2] 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 />}>

From 9fafd0cfd4eabb998f34db237113e29d0749ea04 Mon Sep 17 00:00:00 2001
From: Francis Cao <31608805+franciscao633@users.noreply.github.com>
Date: Mon, 22 Jun 2026 21:58:39 -0700
Subject: [PATCH 2/2] Apply suggestion from @greptile-apps[bot]

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
---
 src/app/(main)/websites/[websiteId]/sessions/SessionInfo.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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