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] 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 4e9ee904..4c98eb5d 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}