Expected behavior
The borders should always be aligned.
Screenshots
Desktop (please complete the following information):
OS: Windows 10
Browser: Edge
Version: 124
Additional context
This seem to be a rounding error. The icon is always 32px in height, while the input is 31.44 in my case. A workaround is to use height: 2rem for the input, rather than height: fit-content.
Describe the bug Depending on DPI, zoom etc. the borders of the search box's icon and input are not always aligned
To Reproduce Steps to reproduce the behavior:
Expected behavior The borders should always be aligned.
Screenshots
Desktop (please complete the following information):
Additional context This seem to be a rounding error. The icon is always 32px in height, while the input is 31.44 in my case. A workaround is to use
height: 2rem
for the input, rather thanheight: fit-content
.