diff --git a/views/base.html b/views/base.html
index 22a052c..38edfb6 100644
--- a/views/base.html
+++ b/views/base.html
@@ -34,9 +34,8 @@
             const $toggle = document.querySelector('#toggle-dark-mode');
             const $toggleIcon = document.querySelector('#toggle-dark-mode i');            
 
-            // Loads prefered dark from from localStorage or default to media query.
-            let prefersDarkMode = localStorage.getItem('theme') === 'dark'
-                || window.matchMedia('(prefers-color-scheme: dark)').matches;
+            // Loads prefered dark from from localStorage or defaults to media query.
+            let prefersDarkMode = localStorage.getItem('theme') !== undefined ? localStorage.getItem('theme') === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches;
             
             function storePrefersDarkMode(mode) {
                 prefersDarkMode = mode;