Simple `select` dropdown arrow misaligned

[fregante]

The arrow seems to be too close to the border. This is the Chrome-provided arrow and there doesn't seem to be a way to move it: https://stackoverflow.com/questions/51701666/how-to-change-the-position-of-a-drop-down-arrow-in-css

Possible solution:

• hide the native arrow, add a custom arrow via background to match the react-select one below