From 6fac8d9e2a051701acd35d68573f660065d110fd Mon Sep 17 00:00:00 2001
From: Christian <me@rndm.de>
Date: Mon, 17 Nov 2025 17:28:52 +0100
Subject: [PATCH] fix: truncate table card row cells

---
 packages/server/app/components/TableCard.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/server/app/components/TableCard.tsx b/packages/server/app/components/TableCard.tsx
index 21014bcc..68c047de 100644
--- a/packages/server/app/components/TableCard.tsx
+++ b/packages/server/app/components/TableCard.tsx
@@ -81,7 +81,7 @@ export default function TableCard({
                             className={`group [&_td]:last:rounded-b-md ${gridCols}`}
                             width={barChartPercentages[index]}
                         >
-                            <TableCell className="font-medium min-w-48 whitespace-normal relative flex items-center justify-start gap-2">
+                            <TableCell className="overflow-hidden font-medium min-w-48 whitespace-normal relative flex items-center justify-start gap-2">
                                 {/^https?:\/\//.test(label) ? (
                                     <>
                                         <img
@@ -100,7 +100,7 @@ export default function TableCard({
                                                 onClick={() =>
                                                     onClick(key as string)
                                                 }
-                                                className="hover:underline select-text text-left whitespace-nowrap text-ellipsis"
+                                                className="hover:underline select-text text-left truncate"
                                             >
                                                 {formattedLabel}
                                             </button>
@@ -124,7 +124,7 @@ export default function TableCard({
                                                 onClick={() =>
                                                     onClick(key as string)
                                                 }
-                                                className="hover:underline select-text text-left"
+                                                className="hover:underline select-text text-left truncate"
                                             >
                                                 {formattedLabel}
                                             </button>