© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•4mo ago•
5 replies
Dunico

Filament styles not loading on Livewire component with HasForms

I'm currently upgrading my filament version from v2 to v4 and livewire from v2 to v3. Most of the issues have been solved but on my custom livewire components the filament styling is not loaded in. I've added both "@filamentStyles" and "@filamentScripts" to the head of the page but both don't seem to work. As an example the class fi-grid doesn't have the css: "display: grid". What could cause this and how can i properly load in the filament styles into my livewire component? There are no error messages in my console or laravel log.
Solution
I am guessing you haven't include the assets to your custom frontend properly. v4 migrates tailwind to v4 and as such moves css includes form the js to the css file
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

Missing styles on form within livewire component
FilamentFFilament / ❓┊help
5mo ago
Automatic Filament ViewAction on Livewire component
FilamentFFilament / ❓┊help
17mo ago
Filament-page + LiveWire Component
FilamentFFilament / ❓┊help
3y ago
Multiple Filament tables on a Livewire component
FilamentFFilament / ❓┊help
16mo ago