In Dropdown menu, part of checkbox is not visible when zoomed out

[afraj-attar]

Describe the bug (current behavior)

When a checkbox is inside a dropdown menu, and you zoom out in browser(say 90%), part of the checkbox is not visible.

Note: This is easy to reproduce on a 2K monitor or with a resolution 2560 x 1440.

Screen.Recording.2025-03-06.at.12.17.08.PM.mov

Expected Behavior

The checkbox should be fully visible at any zoom level

Link to minimal repro

https://stackblitz.com/edit/github-xohazgoo?file=src%2FApp.tsx,package.json

Steps To Reproduce

1. Create a dropdown menu.
2. Add some checkbox component inside the dropdown menu
3. Set the browser zoom level to 90% or less

Package Version

• I'm using the latest version of iTwinUI.

Anything else?

This is easy to reproduce on a 2K monitor or with a resolution 2560 x 1440.