diff --git a/src/routes/[...404].tsx b/src/routes/[...404].tsx
index e2fb875..eca610f 100644
--- a/src/routes/[...404].tsx
+++ b/src/routes/[...404].tsx
@@ -2,13 +2,13 @@ import { Title } from "@solidjs/meta";
 import { useNavigate } from "@solidjs/router";
 import { HttpStatusCode } from "@solidjs/start";
 import Wrapper from "~/components/Wrapper";
-import Navbar from "~/components/en/Navbar";
+import Navbar, { lightMode } from "~/components/en/Navbar";
 import "~/styles/overview.scss";
 
 export default function NotFound() {
   const navigate = useNavigate();
   return (
-    <Wrapper class="overview">
+    <Wrapper class="overview" classList={{ "light-mode": lightMode() }}>
       <Title>Not Found</Title>
       <HttpStatusCode code={404} />
       <Navbar />
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index b9e57bf..b7c28c4 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -6,7 +6,7 @@ export default function Home() {
   const navigate = useNavigate();
   createEffect(() => {
     const isGerman = navigator.language.startsWith("de");
-    navigate(isGerman ? "/de" : "/en");
+    navigate(isGerman ? "/de" : "/en", { replace: true });
   });
   return <Title>Language detection...</Title>;
 }