Update the data-flux-profile button’s dark hover style from dark:hover:bg-white/10 to dark:hover:bg-white/15 to match the variant="ghost" button.

[devhoussam1998]

Flux version

v2.11

Livewire version

v4.0

Tailwind version

v4.1.18

Browser and Operating System

Chrome on macOS

What is the problem?

The data-flux-profile button uses a different dark-mode hover background (dark:hover:bg-white/10) than the ghost button variant, which causes a visual inconsistency between buttons that are expected to share the same styling behavior.

Code snippets to replicate the problem

Just replace the dark:hover:bg-white/10 with dark:hover:bg-white/15 in data-flux-profile button.

Screenshots/ screen recordings of the problem

Before:

Screen.Recording.2026-01-22.at.01.08.36.mov

After:

Screen.Recording.2026-01-22.at.01.08.21.mov

How do you expect it to work?

The data-flux-profile button should use the same dark-mode hover background as the ghost button variant (dark:hover:bg-white/15) so that both buttons behave and appear consistently on hover in dark mode.

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.

[ganyicz]

Hi @devhoussam1998,

thanks for reporting.

I have submitted a PR.

For future reference, please follow the issue template and provide a code snippet that reflects the issue instead of prescribing a solution. Doing so will allow us to reproduce the problem quicker. Thanks!