diff --git a/web/src/components/misc/ErrorRedirector.svelte b/web/src/components/misc/ErrorRedirector.svelte
new file mode 100644
index 00000000..f535b176
--- /dev/null
+++ b/web/src/components/misc/ErrorRedirector.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+    import { onMount } from "svelte";
+    import { page } from "$app/state";
+    import { goto } from "$app/navigation";
+    import { defaultNavPage } from "$lib/subnav";
+
+    onMount(() => {
+        if (page.error?.message === "Not Found") {
+            if (page.url.pathname.startsWith("/settings")) {
+                goto(defaultNavPage("settings"), { replaceState: true });
+            } else if (page.url.pathname.startsWith("/about")) {
+                goto(defaultNavPage("about"), { replaceState: true });
+            } else {
+                goto("/", { replaceState: true });
+            }
+        }
+    });
+</script>
diff --git a/web/src/routes/+error.svelte b/web/src/routes/+error.svelte
index a317760a..f4b8110b 100644
--- a/web/src/routes/+error.svelte
+++ b/web/src/routes/+error.svelte
@@ -1,18 +1,5 @@
-<script lang="ts">
-    import { onMount } from "svelte";
-    import { page } from "$app/stores";
-    import { goto } from "$app/navigation";
-    import { defaultNavPage } from "$lib/subnav";
-
-    onMount(() => {
-        if ($page.error?.message === "Not Found") {
-            if ($page.url.pathname.startsWith("/settings")) {
-                goto(defaultNavPage("settings"), { replaceState: true });
-            } else if ($page.url.pathname.startsWith("/about")) {
-                goto(defaultNavPage("about"), { replaceState: true });
-            } else {
-                goto("/", { replaceState: true });
-            }
-        }
-    });
+<script>
+    import ErrorRedirector from "$components/misc/ErrorRedirector.svelte";
 </script>
+
+<ErrorRedirector />
diff --git a/web/src/routes/404/+page.svelte b/web/src/routes/404/+page.svelte
new file mode 100644
index 00000000..f4b8110b
--- /dev/null
+++ b/web/src/routes/404/+page.svelte
@@ -0,0 +1,5 @@
+<script>
+    import ErrorRedirector from "$components/misc/ErrorRedirector.svelte";
+</script>
+
+<ErrorRedirector />