diff --git a/web/src/routes.tsx b/web/src/routes.tsx
index 4e141fa..02aa17d 100644
--- a/web/src/routes.tsx
+++ b/web/src/routes.tsx
@@ -336,6 +336,13 @@ export const RootRoute = createRootRouteWithContext<{
 }>()({
   component: RootComponent,
   notFoundComponent: NotFound,
+  pendingComponent: () => (
+    <div className="h-screen">
+      <div className="flex flex-grow items-center justify-center h-screen sm:h-3/5">
+        <RingResizeSpinner className="text-blue-500 size-24"/>
+      </div>
+    </div>
+  ),
 });
 
 const filterRouteTree = FiltersRoute.addChildren([FilterIndexRoute, FilterGetByIdRoute.addChildren([FilterGeneralRoute, FilterMoviesTvRoute, FilterMusicRoute, FilterAdvancedRoute, FilterExternalRoute, FilterActionsRoute])])