diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
index 095def8a8..ed546d511 100644
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -6,7 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="preconnect" href="https://api.fonts.coollabs.io" crossorigin>
     <link rel="dns-prefetch" href="https://api.fonts.coollabs.io" />
-    <link rel="preload" href="https://api.fonts.coollabs.io/css2?family=Inter:wght@400;500;600;700;800&display=swap" as="style" />
+    <link rel="preload" href="https://api.fonts.coollabs.io/css2?family=Inter:wght@400;500;600;700;800&display=swap"
+        as="style" />
     <link rel="preload" href="https://cdn.fonts.coollabs.io/inter/normal/400.woff2" as="style" />
     <link rel="preload" href="https://cdn.fonts.coollabs.io/inter/normal/500.woff2" as="style" />
     <link rel="preload" href="https://cdn.fonts.coollabs.io/inter/normal/600.woff2" as="style" />
@@ -44,7 +45,10 @@
     <body>
         <x-toast />
         <script data-navigate-once>
-            if (localStorage.theme === 'dark') {
+            if (!('theme' in localStorage)) {
+                localStorage.theme = 'dark';
+                document.documentElement.classList.add('dark')
+            } else if (localStorage.theme === 'dark') {
                 document.documentElement.classList.add('dark')
             } else if (localStorage.theme === 'light') {
                 document.documentElement.classList.remove('dark')
