Minutes in date field misaligned when zoomed out

[pardeyke]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

The minutes in date field is misaligned when browser zoom is not 100%.

100% zoom:

85% zoom:

Found it in Safari, but its also in chrome:

For reference, when rendering the same field without bootstrap:

Reduced test cases

https://codepen.io/aloysiu5/pen/JoKRpmL

Toggle zoom with Strg+- or CMD+-

Remove the bootstrap css to go the misalignment go away

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Safari

What version of Bootstrap are you using?

5.3.8