Different display fonts for Username and Password can cause confusion

[paulkramer24]

Steps To Reproduce

I see the same behavior in the Windows desktop app, Firefox Extension, and Android app.

1. View a login item that contains the lowercase letter "l" (l as in "letter," not "I" as in "Internet") in the password field

2. Click on the "eye" icon to display the password

Expected Result

Being able to easily distinguish between the upper and lowercase letters "I" and "L" and the number "1". (There may be other character confusions but this is the one that bit me this morning.)

Bitwarden should use the same font for both the Username and Password fields. The password field uses a font that better differentiates between these quite similar characters. Given that usernames are sometimes cryptic, even random, using that same font would benefit their display as well.

Actual Result

In the attached example screenshot, notice that the Username and Password text displays use different fonts, which cause the characters "l", "L", and "1" to be rendered differently.

This difference caused me difficulty today with a password I was trying to read to someone. The user name contained a lowercase "l." The password also contained a lowercase "l" but it as rendered on my screen, it looked more like the number "1." After comparing with the rendering of the character in the username, I assumed that it was a number. When that failed to work to log in, I copied the password from Bitwarden to a text editor and was able to finally see that, yes, it was a letter.

Screenshots or Videos

Here is the sample text I used for to create the example in the screenshot, if you want to play with it: [email protected]

Additional Context

No response

Operating System

Windows

Operating System Version

24h2 (Also in Android App)

Web Browser

Firefox

Browser Version

Latest

Build Version

2024.12.4

Issue Tracking Info

• I understand that work is tracked outside of Github. A PR will be linked to this issue should one be opened to address it, but Bitwarden doesn't use fields like "assigned", "milestone", or "project" to track progress.

[bitwarden-bot]

Thank you for reporting this issue! We've added this to our internal tracking system.
ID: PM-18072

[Krychaz]

Hi there,

Thank you for your report!

I was able to reproduce this issue, and I have flagged this to our engineering team.

If you wish to add any further information/screenshots/recordings etc., please feel free to do so at any time - our engineering team will be happy to review these.

Thanks once again!