From b0f38b266bc6fbc079b65d75bd27b5b925bec827 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Tue, 2 Dec 2025 14:44:10 -0800
Subject: [PATCH] truncate large legend labels Closes #3813

---
 src/components/metrics/Legend.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/metrics/Legend.tsx b/src/components/metrics/Legend.tsx
index 63231919..34ddb5a0 100644
--- a/src/components/metrics/Legend.tsx
+++ b/src/components/metrics/Legend.tsx
@@ -22,7 +22,12 @@ export function Legend({
         return (
           <Row key={text} onClick={() => onClick(item)}>
             <StatusLight color={color.alpha(color.alpha() + 0.2).toHex()}>
-              <Text size="2" color={hidden ? 'disabled' : undefined} wrap="nowrap">
+              <Text
+                size="2"
+                color={hidden ? 'disabled' : undefined}
+                truncate={true}
+                style={{ maxWidth: '300px' }}
+              >
                 {text}
               </Text>
             </StatusLight>