Button icon is bigger using "icon-variant"

[magarrent]

Flux version

v1.1.0

Livewire version

v3.5.12

What is the problem?

Hey!!!

I've just discovered a small UI bug in the button component.

When using icons with icon-variant, let's say outline, the icon size is set to size-6, instead of the default (4), and looks so big:

Using icon-variant="outline"

Without it

Inspecting the console I see that the size changed:

shrink-0 [:where(&)]:size-6
shrink-0 [:where(&)]:size-4

Hope it's a tiny one! Thanks for all! 🚀

Code snippets

<flux:button type="submit"
             variant="primary"
             icon="bolt"
             icon-variant="outline">
    Start generating ✨
</flux:button>

<flux:button type="submit"
             variant="primary"
             icon="bolt">
    Start generating ✨
</flux:button>

How do you expect it to work?

Fixing the icon size

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be closed if I haven't met the criteria above.