Trouble with padding on drop-down select inputs

Design help General
1

I’ve recently discovered that my dropdown labels are appearing cut-off in Chrome for windows as in the attached image. Is there a solution to this?

744×124 4.85 KB

2

Try increasing the height of the field or reducing the padding.

3

In addition, I would recommend to remove the padding on form fields and use height exclusively, as Firefox does not respect the padding on a form field input.

4

there is no padding and the height of the field is 30px, more than enough to show the label which is 14px. I’m getting the same issue on Firefox on a mac. Basically dropdown labels only appear as expected viewing with Chrome on a Mac