Перенос отображения логина на сайте CSS

Столкнулся с вопросом о том, как грамотно организовать перенос имени пользователя при недостаточно широком боковом меню.

Смог добиться того, что если логин вмещается в следующей строке целиком, то не разрывается с первой при помощи такого кода:

span.name {
    color: yellow;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

Но выглядит это все равно плохо из-за перенесенного восклицательного знака.

Уже пришел к тому, что, наверное, это невозможно реализовать при таком размере меню, потому что если имя пользователя достаточно большое, то оно в любом случае не влезет, и придется что-то переносить.

Как бы вы посоветовали организовать вывод имени пользователя?