diff --git a/apps/client/src/App.tsx b/apps/client/src/App.tsx
index 7cedda359..e72d6f4ff 100644
--- a/apps/client/src/App.tsx
+++ b/apps/client/src/App.tsx
@@ -47,9 +47,8 @@ function App() {
       }
     };
   }, [isElectron, sendToElectron]);
-
   return (
-    <ChakraProvider resetCSS theme={theme}>
+    <ChakraProvider disableGlobalStyle resetCSS theme={theme}>
       <QueryClientProvider client={ontimeQueryClient}>
         <AppContextProvider>
           <BrowserRouter>
diff --git a/apps/client/src/theme/theme.ts b/apps/client/src/theme/theme.ts
index 53dfd9a51..ecbcb77e2 100644
--- a/apps/client/src/theme/theme.ts
+++ b/apps/client/src/theme/theme.ts
@@ -31,6 +31,8 @@ import {
 import { ontimeTooltip } from './ontimeTooltip';
 
 const theme = extendTheme({
+  initialColorMode: 'dark',
+  useSystemColorMode: false,
   components: {
     Alert: {
       variants: {