fix: make pie chart legend scrollable when many groups overflow

cursoragent · MikeShi42 · cursoragent · commit 40b0ff5c1931 · 2026-05-01T02:45:12.000Z
Co-authored-by: Mike Shi &lt;mike@hyperdx.io&gt;
diff --git a/packages/app/src/components/DBPieChart.tsx b/packages/app/src/components/DBPieChart.tsx
@@ -64,7 +64,7 @@ const PieChartLegend = memo(
       <ScrollArea
         data-testid="pie-chart-legend"
         type="auto"
-        style={{ flexShrink: 0, maxWidth: '40%', maxHeight: '100%' }}
+        style={{ flexShrink: 0, maxWidth: '40%', alignSelf: 'stretch' }}
         px="sm"
       >
         <Flex direction="column" gap={4}>

Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ const PieChartLegend = memo(`
`64`	`64`	`<ScrollArea`
`65`	`65`	`data-testid="pie-chart-legend"`
`66`	`66`	`type="auto"`
`67`		`- style={{ flexShrink: 0, maxWidth: '40%', maxHeight: '100%' }}`
	`67`	`+ style={{ flexShrink: 0, maxWidth: '40%', alignSelf: 'stretch' }}`
`68`	`68`	`px="sm"`
`69`	`69`	`>`
`70`	`70`	`<Flex direction="column" gap={4}>`