- Shipped
- September 11, 2026 at 1:03 AM UTC
- Author
- Kamo
- Commit
- 9a2935c
The Interaction Center's Chats strip gave its seven tabs seven equal shares of the 550px pane, 78px each whatever they said. "Team Members" needs 91px, so it was cut to "eam Member" and ran into "Exec2Exec", while "AI" sat alone in the same 78px: the gaps between labels ran from 6px to 59px. The ellipsis meant to cover that never drew. A MUI Tab is a flex container with its label as a bare text node, and text-overflow does nothing on a flex container, so an overlong label spilled out of both sides of its tab and was clipped at both ends. The strip is now a grid of auto columns: each tab as wide as its own label plus an equal share of what is left, so every gap is the same and the strip still fills the pane. Where the room runs out (a navigator dragged narrow, a long org-configured member title) auto columns stop at their labels as they grow, so the short labels stay whole and only the longest are cut, with a real ellipsis now that the label has a block of its own. Flex from the labels would have cut all seven. Measured in Chrome on the real component at 549px, seven tabs: every label whole, every gap 32.2px. At 400px only "Team Members" is cut.