diff --git a/src/client/components/website/MetricsTable.tsx b/src/client/components/website/MetricsTable.tsx
index 1e8c931..d5ff813 100644
--- a/src/client/components/website/MetricsTable.tsx
+++ b/src/client/components/website/MetricsTable.tsx
@@ -41,6 +41,7 @@ export const MetricsTable: React.FC<MetricsTableProps> = React.memo((props) => {
     {
       title: title[0],
       dataIndex: 'x',
+      ellipsis: true,
       render: (val) => val ?? <span className="italic opacity-60">(None)</span>,
     },
     {
diff --git a/src/server/tests/seeds/website.ts b/src/server/tests/seeds/website.ts
index 9d041ce..b764951 100644
--- a/src/server/tests/seeds/website.ts
+++ b/src/server/tests/seeds/website.ts
@@ -96,7 +96,24 @@ async function createSessionEvent(session: WebsiteSession) {
     data: Array.from({ length: faker.number.int({ max: 20 }) }).map(() => ({
       sessionId: session.id,
       websiteId: session.websiteId,
-      urlPath: '/',
+      urlPath: [
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.directoryPath(),
+        faker.system.filePath(),
+      ].join(''), // generate long path
       createdAt: faker.date.between({
         from: session.createdAt,
         to: endDate,