Right padding on floating label select is wrong

Created by: alekseyg

macOS 11.3.1, Chrome 90, but this is a CSS issue that will apply anywhere.

The padding is changed for form controls and selects when you use the floating label, but in the case of selects, it fails to account for the little dropdown indicator on the right, so when the select is rendered in a context where the control takes the width of its contents, the indicator overlaps the content.

Here is a codepen demonstrating the problem: https://codepen.io/alekseyg/pen/poebeJJ