Как видно на скриншоте, все остальные кнопки, кроме «Billing», содержат только SVG-иконку без текста, тогда как у кнопки «Billing» есть и текст, что создаёт визуальное несоответствие.
Не лучше ли убрать текст? Мне кажется, иконки достаточно.
Отличное замечание, спасибо, что подняли эту проблему, @small-lovely-cat! Действительно, выглядит довольно неловко, когда в вашем интерфейсе есть только одна иконка с текстом.
Судя по тому, что я вижу у себя, это, вероятно, происходит, когда область просмотра становится слишком узкой, и мы применяем стили, чтобы скрыть эти текстовые элементы на странице:
Компонент Billing, который вы обновили в своём PR, не содержит элемента span вокруг интернационализированного текста. Нам следует добавить его, и этого должно быть достаточно для решения данной проблемы. Мы не хотим полностью удалять текст, иначе возникнет ситуация, когда у этой иконки будет отсутствовать текст, в то время как у всех остальных иконок он будет присутствовать на более широких экранах.