Гадать по куску скрина кода не очень разумно, но попробую.
У родителя display: flex.
Если так, что читайте про flex-grow и flex-shrink.
Если не так, то см. первое предложение этого поста.
Конечно извиняюсь, но не вижу сжатий. На одной строчке вы используете разные символы, на другой одинаковые. Просто буквы различаются.
В любом случае гляньте пример 3: htmlbook.ru/blog/perenosy-slov