diff --git a/web/src/routes/settings/advanced/debug/+page.svelte b/web/src/routes/settings/advanced/debug/+page.svelte
index 925d5fed..0192735c 100644
--- a/web/src/routes/settings/advanced/debug/+page.svelte
+++ b/web/src/routes/settings/advanced/debug/+page.svelte
@@ -1,39 +1,51 @@
 <script lang="ts">
     import { device, app } from "$lib/device";
     import { version } from "$lib/version";
+    import settings from "$lib/settings";
+
+    import { goto } from "$app/navigation";
+    import { defaultSettingsPage } from "$lib/settings/defaults";
+
+    $: {
+        if (!$settings.advanced.debug) {
+            goto(defaultSettingsPage(), { replaceState: true });
+        }
+    }
 </script>
 
-<div id="advanced-page">
-    device:
-    <div class="message-container subtext">
-        is.iPad: {device.is.iPad}
-        is.iPhone: {device.is.iPhone}
-        is.iOS: {device.is.iOS}
-        is.android: {device.is.android}
-        is.mobile: {device.is.mobile}
-        preferredLocale: {device.preferredLocale}
-    </div>
+{#if $settings.advanced.debug}
+    <div id="advanced-page">
+        device:
+        <div class="message-container subtext">
+            is.iPad: {device.is.iPad}
+            is.iPhone: {device.is.iPhone}
+            is.iOS: {device.is.iOS}
+            is.android: {device.is.android}
+            is.mobile: {device.is.mobile}
+            preferredLocale: {device.preferredLocale}
+        </div>
 
-    app:
-    <div class="message-container subtext">
-        is.installed: {app.is.installed}
-    </div>
+        app:
+        <div class="message-container subtext">
+            is.installed: {app.is.installed}
+        </div>
 
-    version:
-    <div class="message-container subtext">
-        version: {version.version}
-        commit: {version.commit.slice(0, 7)}
-        branch: {version.branch}
-        remote: {version.remote}
+        version:
+        <div class="message-container subtext">
+            version: {version.version}
+            commit: {version.commit.slice(0, 7)}
+            branch: {version.branch}
+            remote: {version.remote}
+        </div>
     </div>
-</div>
+{/if}
 
 <style>
     #advanced-page {
         display: flex;
         flex-direction: column;
         padding: var(--padding);
-        gap: var(--padding)
+        gap: var(--padding);
     }
 
     .message-container {