File Input Button for Safari

[lorenzolewis]

In Safari 16.1 (18614.2.9.1.12), the File Input component's button doesn't render correctly.

Safari:

Edge (Chromium):

Notice how the corners aren't properly rounded on the button. This is using the "night" theme but is the same for different themes.

[lorenzolewis]

I seems like this could be caused by the tailwind's file:rounded property not being set and I was able to fix it by adding file:rounded-md for example into the component class.

See the note on Tailwind's border reset not being applied having to use this class at the bottom of this heading:
https://tailwindcss.com/docs/hover-focus-and-other-states#file-input-buttons

Edit: This isn't from the border reset util, it's because of the missing file:rounded-md as I mentioned above