© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•3y ago•
3 replies
Ayz

how to customize fi-sidebar-nav-groups

To reduce the spacing between the NavigationGroup's label and regular navigation items's label, I need "gap-y-7" changed to "gap-y-2" in "fi-sidebar-nav-groups".

So in resources/css/app.css, I have tried:

.fi-sidebar-nav-groups {
row-gap: 0.5rem !important;
}

Also tried using @apply gap-y-2 !important;

Neither makes a difference. What is the right way to do it?
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

How to customize sidebar?
FilamentFFilament / ❓┊help
3y ago
How to customize sidebar collapse icon
FilamentFFilament / ❓┊help
2y ago
Nav sidebar overflowing body
FilamentFFilament / ❓┊help
3y ago
Missing sidebar menu nav
FilamentFFilament / ❓┊help
3y ago