Too much spacing and small icon size on (icon-only) checkbox button

[mauritskorse]

Flux version

2.2.1

Livewire version

3.6.3

Tailwind version

4.1.7

Browser and Operating System

Windows Vivaldi

What is the problem?

When only having an icon on the checkbox button variant, there is quite a lot spacing on the right side of the icon.
Also, the icon is smaller than icons on normal buttons. So when having a checkbox button variant next to a normal button, there are some inconsistencies.

First button is the checkbox button variant, second is a normal flux:button as comparison.

on state:

off state:

(see also #721)

Code snippets

<flux:checkbox.group variant="buttons">
  <flux:checkbox icon="user-circle"/>
</flux:checkbox.group>

How do you expect it to work?

I would expect the buttons to look similar with regards to icon size and spacing.

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.

[joshhanley]

@mauritskorse thanks for reporting! I've submitted a PR with a fix.