diff --git a/lib/outlook_web/components/layouts/proot.html.heex b/lib/outlook_web/components/layouts/proot.html.heex
index 9254580..f291b7a 100644
--- a/lib/outlook_web/components/layouts/proot.html.heex
+++ b/lib/outlook_web/components/layouts/proot.html.heex
@@ -7,12 +7,12 @@
     <.live_title suffix=" · Ausblick">
       <%= assigns[:page_title] %>
     </.live_title>
-    <script type="text/javascript" src={"/js/dark-mode.js"}></script>
+    <script type="text/javascript" src={~p"/js/dark-mode.js"}></script>
     <link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
     <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
     </script>
   </head>
-  <body class="bg-white dark:bg-stone-900 dark:text-stone-100 antialiased max-h-screen">
+  <body class="bg-white text-stone-900 dark:bg-stone-900 dark:text-stone-100 antialiased max-h-screen">
     <%= @inner_content %>
   </body>
 </html>
diff --git a/lib/outlook_web/components/layouts/root.html.heex b/lib/outlook_web/components/layouts/root.html.heex
index 52083ae..33c2f30 100644
--- a/lib/outlook_web/components/layouts/root.html.heex
+++ b/lib/outlook_web/components/layouts/root.html.heex
@@ -12,7 +12,7 @@
     <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
     </script>
   </head>
-  <body class="bg-white antialiased max-h-screen">
+  <body class="bg-white text-stone-900 dark:bg-stone-900 dark:text-stone-100 antialiased max-h-screen">
     <ul>
       <%= if @current_user do %>
         <li>
