diff --git a/packages/client/src/pages/_app.tsx b/packages/client/src/pages/_app.tsx
index c88356f8..27e6fd7a 100644
--- a/packages/client/src/pages/_app.tsx
+++ b/packages/client/src/pages/_app.tsx
@@ -1,12 +1,14 @@
 import type { AppProps } from 'next/app';
 import Head from 'next/head';
 import { useSafari100vh } from 'hooks/use-safari-100vh';
+import { useTheme } from 'hooks/use-theme';
 import 'viewerjs/dist/viewer.css';
 import 'styles/globals.scss';
 import 'tiptap/styles/index.scss';
 
 function MyApp({ Component, pageProps }: AppProps) {
   useSafari100vh();
+  useTheme();
 
   return (
     <>