Input mis-aligned on some browsers without changing anything

[greyginter]

I have an input element paired next to a text-element. On my main broswer (Chrome) they align perfectly, but on Safari and even when using chrome on my larger laptop, the input element is shifted down a pixel.

My Chrome browser (aligned):

Every other browser (mis-aligned):

Any ways I can fix this? The group holding both elements is air-tight and properly centered so I’m not sure what else to do.

Edit: Also Icons in the same orientation are behaving this way, with the icon next to the text being shifted down a pixel on different browsers.

[maindola.yogini]

Hey @greyginter

The only reason i can think of is:

On certain browsers/screens, the group containing the said input+text is getting elongated.
The 1 other factor that affects the alignment of text field is either “line spacing” or “center the text vertically.” I would recommend playing with that. While you do that, color each or your input, text and group in a separate background color so you can see them interacting.