Bitwarden shield icon blocks the verification code characters

[weijianwen]

Steps To Reproduce

1. Try to fill the verification code in Safari.

Expected Result

The verification code should be displayed without being blocked.

Actual Result

Bitwarden shield icon blocks the last verification code character, preventing the users to read the full verification code.

Screenshots or Videos

The expected result.

The actual result.

Additional Context

No response

Operating System

macOS

Operating System Version

No response

Web Browser

Safari

Browser Version

No response

Build Version

2024.10.2

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-14978

[cagonzalezcs]

@weijianwen

If you press ESC, the button should remove itself and remain removed until the form field is refocused. Placement of the button on a form field has its quirks... but it's not easy to take into account all edge cases.