truncate large legend labels

Closes #3813
2025-12-02 14:44:10 -08:00
parent e7cb613cec
commit b0f38b266b
1 changed files with 6 additions and 1 deletions
--- 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>