В горизонтальном flex средний блок с длинным названием должен иметь min-width: 0 и overflow: hidden; text-overflow: ellipsis — иначе flex item refuses to shrink.
Иконка слева и кнопка справа с flex-shrink: 0 — текст в центре сжимается корректно.
- [min-width — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width) — auto vs 0.
- [text-overflow — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow) — ellipsis.
---
## Grid
В grid minmax(0, 1fr) на колонке решает ту же задачу.