Search box icon border not aligned

[gabbsmo]

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:

1. Go to Pattern Lab
2. Zoom using the browser

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.