diff --git a/src/interface/SettingsContext.tsx b/src/interface/SettingsContext.tsx
index 97528b14..ae78ce7d 100644
--- a/src/interface/SettingsContext.tsx
+++ b/src/interface/SettingsContext.tsx
@@ -25,7 +25,8 @@ export const SettingsContextProvider: React.FC<{ children: ReactNode }> = ({ chi
     transparencyEffects: false,
     selectedTheme: '',
     animations: true,
-    defaultPage: 'home'
+    defaultPage: 'home',
+    devMode: false
   });
 
   const [showPicker, setShowPicker] = useState<boolean>(false);
diff --git a/src/interface/hooks/settingsState.ts b/src/interface/hooks/settingsState.ts
index 4919c1df..6506bf0b 100644
--- a/src/interface/hooks/settingsState.ts
+++ b/src/interface/hooks/settingsState.ts
@@ -53,9 +53,9 @@ const useSettingsState = ({ settingsState, setSettingsState }: SettingsProps) =>
     for (const [key, { newValue }] of Object.entries(changes)) {
       if (key === "DarkMode") {
         if (key === "DarkMode" && newValue) {
-          document.body.classList.add('dark');
+          document.documentElement.classList.add('dark');
         } else {
-          document.body.classList.remove('dark');
+          document.documentElement.classList.remove('dark');
         }
       }