RenderHook css problem in login page (dark / light theme)

->renderHook(
    PanelsRenderHook::TOPBAR_START,
    fn(): View => view('filament.settings.custom-footer'),
);

div class="hidden dark:flex">
            <a href="https://robustdatasolutions.com" target="_blank" ><img src="/img/robust_invert.png" alt="" style="align:center; width:25px;height:25px;margin-right:5px"></a>
            <a href="https://robustdatasolutions.com" target="_blank" class="textoCopyRightLogin"> <strong>Robust Expedientes</strong>  &copy; {{ date('Y') }}  Robust Data Solutions</a>
        </div>
        {{-- Theme is dark --}}

div class="flex dark:hidden" style="display:flex; align-items:left;justify-content: center;">
                <a href="https://robustdatasolutions.com" target="_blank" ><img src="/img/robust.png" alt="" style="align:center; width:25px;margin-right:5px;"></a>
                <a href="https://robustdatasolutions.com" target="_blank" class="textoCopyRightLogin"><strong>Robust Expedientes</strong>  &copy; {{ date('Y') }}  Robust Data Solutions</a>
        </div>
            {{-- Theme is light --}}

        FilamentView::registerRenderHook(
            PanelsRenderHook::AUTH_LOGIN_FORM_AFTER,
            fn (): View => view('filament.settings.custom-footer-login'),
        );