Layout overlay when storing a passkey

[GabrielZalisz]

Steps To Reproduce

1. Pick any web that supports passkeys and for which you have mulitple (3 or more) credentials stored in Bitwarden.
2. Try to create passkey. Bitwarden will prompt you to save the passkey.
3. "Use browser" overlays "Save passkey" button. Button is only clickable on the very top.

Expected Result

"Save passkey" button should be easily clickable, "Use browser" should be either above it or below it.

Actual Result

"Use browser" overlays "Save passkey" button.

Screenshots or Videos

Additional Context

No response

Operating System

Windows

Operating System Version

No response

Web Browser

Brave

Browser Version

No response

Build Version

2023.12.0

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.

[Neonwarden]

Hi there,

Thank you for your report!

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

In the meantime, you can extend the passkey prompt window by clicking and dragging the bottom edge of the window.

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!

[trmartin4]

Hi @GabrielZalisz! We have made some adjustments to the UI of the passkey prompt on the extension, and we are no longer able to replicate the issue. Could you please attempt to reproduce on the latest browser extension version?

[GabrielZalisz]

Hi @trmartin4! According to my observation, the issue still exists in Bitwarden browser extension ver. 2023.12.1. This is the newest version available in Chrome Web Store.

[GabrielZalisz]

@trmartin4, the issue is fixed in Bitwarden browser extension ver. 2024.1.1.