ログインボタンとサインアップボタンのボタンテキストをカスタマイズしましたが、最初の文字と残りの文字の間に余分なスペースを追加しようとしています。
たとえば、次のようなものです。

しかし、画面にボタンが表示されると、次のようになります。
x Login
3つのスペースが1つに削除されています。
<span>を検査すると、x Loginと表示されますが、そのテキストをダブルクリックすると、元の

3つのスペースが表示されます。
「余分なスペースを削除する」と「整形する」を無効にしてみましたが、どちらも機能しませんでした。
これが起こる理由と、それを修正するために何ができるかを知っている人はいますか?
編集:ここでも発生していたため、3つのスペースがあるものにスクリーンショットを挿入する必要がありました。