## What Long category/label names in the shared bar-list breakdowns (cash-flow top expenses/income, dashboard top categories, analysis drawer categories/tags/accounts) spilled the amount out past the widget's right edge. ## Why The name span already had `truncate min-w-0 flex-1`, but its `grow` row wrapper (the `<Link>`/`<div>`) had no `min-w-0`. Flex items default to `min-width: auto`, so the wrapper refused to shrink below its content — the inner `truncate` never engaged. ## Change Add `min-w-0` to both `grow` wrappers so the row can shrink and the existing `truncate` clamps the name with an ellipsis, keeping the amount inside the widget. Visual-only CSS class change. |
||
|---|---|---|
| .. | ||
| category-breakdown-list.tsx | ||
| category-combobox.tsx | ||
| label-combobox-state.test.ts | ||
| label-combobox-state.ts | ||
| label-combobox.tsx | ||