bug: White line above file-input-sm

[dgmp88]

What version of daisyUI are you using?

2.50.1

Describe your issue

file-input-sm has a white line that appears at the top:

It's visible for me on Chrome and Safari (not tested on others) on the docs page too. Taking away the top border helps

Thanks for the awesome work, Daisy UI is amazing! :D

What browsers are you seeing the problem on?

Chrome, Safari

Reproduction URL (optional)

https://play.tailwindcss.com/81BGI2e2eW

[hebontes]

Problem

file-input-lg and file-input-md have line-height set to 2.0

file-input-xs has line-height set to 1.625

for some reason, file-input-sm has line-height set to 2rem which is taller than height of input, that's why you see white line between top border and input.

FIX manually

converting file-input-sm line-height to 1.625 just like file-input-xs will fix the issue.
You can do this manually in global styles .file-input-sm{@apply leading-relaxed}

FIX in source

We just need to change /utilities/unstyled/file-input.css line 10 from leading-8 to leading-relaxed, I created a branch and tried to push but access denied, sorry this is my first try to contribute on github.

[saadeghi]

Fixed in 2.51.5: https://play.tailwindcss.com/AceZOOyFcg