© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•6mo ago•
4 replies
kaster

Override classes in filament blade components

Is there a proper way to override (not just merge) CSS classes of a Filament Blade component?
For example:

<x-filament::button class="absolute top-0 right-0">
                    Test
                </x-filament::button>
<x-filament::button class="absolute top-0 right-0">
                    Test
                </x-filament::button>

In this case, my custom classes get merged, but default classes from the component still apply and take priority (e.g., padding, border radius). Is there an official way to replace them completely?
Solution
I don't think so. Try using important in these cases.
!top-0
!top-0
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Filament Blade Components in non-filament frontend
FilamentFFilament / ❓┊help
2y ago
Overriding classes of blade components in widgets
FilamentFFilament / ❓┊help
3y ago
Blade components outside of Filament
FilamentFFilament / ❓┊help
2y ago
How to override views components in filament
FilamentFFilament / ❓┊help
3y ago