diff --git a/webui/src/index.tsx b/webui/src/index.tsx
index a7f52448a1dd8091ccb51cf961e65d31389c1faa..d3591e1a7d629573b200fc2e8d4625e5b2832f5e 100644
--- a/webui/src/index.tsx
+++ b/webui/src/index.tsx
@@ -1,13 +1,20 @@
 import { ApolloProvider } from '@apollo/client';
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { BrowserRouter } from 'react-router-dom';
 
 import App from './App';
 import apolloClient from './apollo';
+import Themer from './components/Themer';
+import { defaultLightTheme, defaultDarkTheme } from './themes/index';
 
 ReactDOM.render(
   <ApolloProvider client={apolloClient}>
-    <App />
+    <BrowserRouter>
+      <Themer lightTheme={defaultLightTheme} darkTheme={defaultDarkTheme}>
+        <App />
+      </Themer>
+    </BrowserRouter>
   </ApolloProvider>,
   document.getElementById('root')
 );