From 1b43aa8d37ddff3fae9925409556990820b2c9ca Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Tue, 7 Oct 2025 11:22:58 -0700
Subject: [PATCH 1/2] add max width to listtable label

---
 src/components/metrics/ListTable.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/metrics/ListTable.tsx b/src/components/metrics/ListTable.tsx
index 4e9ee9044..4c98eb5dc 100644
--- a/src/components/metrics/ListTable.tsx
+++ b/src/components/metrics/ListTable.tsx
@@ -117,7 +117,9 @@ const AnimatedRow = ({
       gap
     >
       <Row alignItems="center">
-        <Text>{label}</Text>
+        <Text truncate={true} style={{ maxWidth: '400px' }}>
+          {label}
+        </Text>
       </Row>
       <Row alignItems="center" height="30px" justifyContent="flex-end">
         {change}

From bac3ab2c1a6ab1e8fc853b744b9d98e29930fd28 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Tue, 7 Oct 2025 11:35:28 -0700
Subject: [PATCH 2/2] add maxwidth on event/session activity

---
 src/app/(main)/websites/[websiteId]/events/EventsTable.tsx    | 2 +-
 .../(main)/websites/[websiteId]/sessions/SessionActivity.tsx  | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/events/EventsTable.tsx b/src/app/(main)/websites/[websiteId]/events/EventsTable.tsx
index c36ee5e73..7cefdd274 100644
--- a/src/app/(main)/websites/[websiteId]/events/EventsTable.tsx
+++ b/src/app/(main)/websites/[websiteId]/events/EventsTable.tsx
@@ -30,7 +30,7 @@ export function EventsTable({ data = [] }) {
               <Text>
                 {formatMessage(row.eventName ? labels.triggeredEvent : labels.viewedPage)}
               </Text>
-              <Text weight="bold" truncate>
+              <Text weight="bold" style={{ maxWidth: '300px' }} truncate>
                 {row.eventName || row.urlPath}
               </Text>
             </Row>
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionActivity.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionActivity.tsx
index 4dcf08b42..b9f34e485 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionActivity.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionActivity.tsx
@@ -59,7 +59,9 @@ export function SessionActivity({
                       ? formatMessage(labels.triggeredEvent)
                       : formatMessage(labels.viewedPage)}
                   </Text>
-                  <Text weight="bold">{eventName || urlPath}</Text>
+                  <Text weight="bold" style={{ maxWidth: '400px' }} truncate>
+                    {eventName || urlPath}
+                  </Text>
                   {hasData > 0 && <PropertiesButton websiteId={websiteId} eventId={eventId} />}
                 </Row>
               </Row>