diff --git a/src/App.tsx b/src/App.tsx
index a7d52357308f11b8680e37247835dfc19f721792..5183349dbc26f263f642c58cd0c234804f64967f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { ClientContextProvider } from './context';
+import ThemeProvider from './context/ThemeProvider';
 import { UserStateProvider } from './context/UserContext';
 import Routes from './Routes';
 
@@ -8,9 +9,11 @@ function App(): React.ReactElement {
   return (
     <ClientContextProvider>
       <UserStateProvider>
-        <Router>
-          <Routes />
-        </Router>
+        <ThemeProvider>
+          <Router>
+            <Routes />
+          </Router>
+        </ThemeProvider>
       </UserStateProvider>
     </ClientContextProvider>
   );