Custom page messing up sidebar

I made a custom page where I built a custom Livewire component. I also added the app.css file as I needed the tailwind-classes.

@vite(['resources/css/app.css'])

<x-filament-panels::page>
    <livewire:subject-tree />
</x-filament-panels::page>

@vite(['resources/css/app.css'])

<x-filament-panels::page>
    <livewire:subject-tree />
</x-filament-panels::page>

@vite(['resources/css/app.css'])

<x-filament-panels::page>
    <livewire:subject-tree />
</x-filament-panels::page>

@vite(['resources/css/app.css'])

<x-filament-panels::page>
    <livewire:subject-tree />
</x-filament-panels::page>

It all works fine locally but when I deployed, it messed up the layout. The navigation overlaps my component. First screenshot is how it should be, second is the one on the server.

Am I missing something? Publishing assets, config, ... ?
The weird part is that all the functionality works as it should, it's just the css that doesnt work as expected.

Custom page messing up sidebar

Similar Threads

Similar Threads

Similar Threads