Это поведение обычно связано с комбинацией white-space: normal
и word-break: break-all
. Я вполне уверен, что ваша кнопка имеет определение word-break
. Вы можете проверить это в своем коде.
Самый простой способ переопределить это - изменить определение white-space
на white-space: nowrap
, но это также зависит от того, чего вы хотите добиться с помощью текста кнопки. Если вы хотите, чтобы оно продолжало ломаться, но содержало только полные слова, вы можете исключить определение word-break
или переопределить его на word-break: inherit
.