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" style={{ maxWidth: '300px' }} truncate>
+              <Text weight="bold" truncate>
                 {row.eventName || row.urlPath}
               </Text>
             </Row>

src/app/(main)/websites/[websiteId]/sessions/SessionActivity.tsx

@@ -59,9 +59,7 @@ export function SessionActivity({
                       ? formatMessage(labels.triggeredEvent)
                       : formatMessage(labels.viewedPage)}
                   </Text>
-                  <Text weight="bold" style={{ maxWidth: '400px' }} truncate>
-                    {eventName || urlPath}
-                  </Text>
+                  <Text weight="bold">{eventName || urlPath}</Text>
                   {hasData > 0 && <PropertiesButton websiteId={websiteId} eventId={eventId} />}
                 </Row>
               </Row>

src/components/metrics/ListTable.tsx

@@ -117,9 +117,7 @@ const AnimatedRow = ({
       gap
     >
       <Row alignItems="center">
-        <Text truncate={true} style={{ maxWidth: '400px' }}>
-          {label}
-        </Text>
+        <Text>{label}</Text>
       </Row>
       <Row alignItems="center" height="30px" justifyContent="flex-end">
         {change}