File Input Button Not Rendering Properly In Safari

[SethAngell]

Describe the bug The File Input component shows as a normal rectangle without rounded corners in safari, but shows as expected in chrome.

To Reproduce Steps to reproduce the behavior:

1. Go to https://flowbite.com/docs/forms/file-input/ in safari.
2. Scroll down to the first example.
3. Notice that the file input fields show as square rectangle.
4. Go to https://flowbite.com/docs/forms/file-input/ in chrome.
5. Scroll down to first example.
6. Notice that the file input fields shows as a rounded rectangle on the left side.

Expected behavior I would expect the input field to look like it does in chrome

Screenshots Instead, it looks like this in safari

Additional context Currently, I'm using the following versions of all pertinent libraries:

• flowbite - ^1.6.5
• flowbite-svelte - ^0.38.1
• tailwindcss - ^3.2.7

[vanducng]

It does not render correctly on mobile device as well even Im using Chrome.

[mlawlerau]

FYI I'm still seeing this problem, on flowbite 2.3.0 via flowbite-svelte 0.46.4 on OSX Safari 17.1