diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 40d5c9c98aa5e8eeeae26522bf52d0c74338e350..c9ad8104ff852d35e40df7be2071dd7ce8b61ec4 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -14,6 +14,7 @@ import i18n from "./i18n";
 
 import { PfpProvider } from "./PfpContext";
 import { LogoProvider } from "./LogoContext";
+import { FullScreenLoader } from "./components/Preloader";
 
 const Main = lazy(() => import("@/pages/Main"));
 const InvitePage = lazy(() => import("@/pages/Invite"));
@@ -59,7 +60,7 @@ const PrivacyAndData = lazy(
 
 export default function App() {
   return (
-    <Suspense fallback={<div />}>
+    <Suspense fallback={<FullScreenLoader />}>
       <ContextWrapper>
         <LogoProvider>
           <PfpProvider>