Отключить автоматическое удаление лишних пробелов в кнопке

Я настроил текст кнопок для входа и регистрации и пытаюсь добавить несколько лишних пробелов между первым символом и остальной частью текста.

Например, что-то вроде:
image

Однако, когда кнопка отображается на экране, она выглядит так:
x Login
где три пробела сокращаются до одного.

При проверке элемента <span class="d-button-label"> там отображается x Login, но если дважды щёлкнуть по этому тексту, показывается оригинал:
image с тремя пробелами.

Я пробовал отключить опции «title remove extraneous space» и «title prettify», но это не помогло.

Неужели кто-то знает, почему это происходит и как это исправить?

РЕДАКТИРОВАНИЕ: Мне пришлось отредактировать этот пост и добавить скриншот с тремя пробелами, потому что эта проблема возникает и здесь.

Работает ли это, если в вашем HTML-коде использовать три &nbsp; (HTML-сущность неразрывного пробела) вместо обычных пробелов?

<span class="d-button-label">x&nbsp;&nbsp;&nbsp;Login</span>

image

Без неразрывных пробелов:
image

Да, работает! :man_facepalming:t2: Так просто, спасибо!