diff --git a/apps/app/pages/_app.tsx b/apps/app/pages/_app.tsx
index f1d16cfd174..2b0c2ab6bab 100644
--- a/apps/app/pages/_app.tsx
+++ b/apps/app/pages/_app.tsx
@@ -45,12 +45,14 @@ Router.events.on("routeChangeComplete", NProgress.done);
 function MyApp({ Component, pageProps }: AppProps) {
   return (
     // <UserProvider>
-    <ToastContextProvider>
-      <ThemeContextProvider>
-        <CrispWithNoSSR />
-        <Component {...pageProps} />
-      </ThemeContextProvider>
-    </ToastContextProvider>
+    <ThemeProvider themes={THEMES} defaultTheme="light">
+      <ToastContextProvider>
+        <ThemeContextProvider>
+          <CrispWithNoSSR />
+          <Component {...pageProps} />
+        </ThemeContextProvider>
+      </ToastContextProvider>
+    </ThemeProvider>
     // </UserProvider>
   );
 }