diff --git a/.eleventy.js b/.eleventy.js
index 48361449..6eb55f51 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -83,7 +83,6 @@ export default async function (eleventyConfig) {
       if (path && path.endsWith(".html")) {
         return htmlmin.minify(content, {
           collapseBooleanAttributes: true,
-          collapseWhitespace: true,
           decodeEntities: true,
           includeAutoGeneratedTags: false,
           minifyCSS: true,
diff --git a/package-lock.json b/package-lock.json
index b4782ea5..ce550350 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "2.4.4",
+  "version": "2.4.5",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "2.4.4",
+      "version": "2.4.5",
       "license": "MIT",
       "dependencies": {
         "@11ty/eleventy-fetch": "4.0.1",
diff --git a/package.json b/package.json
index 6f6cb4a4..b4dc09cf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "2.4.4",
+  "version": "2.4.5",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {
diff --git a/src/assets/styles/components/menu.css b/src/assets/styles/components/menu.css
index 60731ce4..3d597b46 100644
--- a/src/assets/styles/components/menu.css
+++ b/src/assets/styles/components/menu.css
@@ -28,6 +28,9 @@ menu {
 
       & a {
         text-decoration: none;
+        width: 100%;
+        height: 100%;
+        justify-content: center;
       }
 
       & .icon > svg,
diff --git a/src/assets/styles/defaults/vars.css b/src/assets/styles/defaults/vars.css
index 901d69ec..2d42b27e 100644
--- a/src/assets/styles/defaults/vars.css
+++ b/src/assets/styles/defaults/vars.css
@@ -59,10 +59,10 @@
   --error: light-dark(#b81f1f, #ff8b8b);
   --favorite: light-dark(#b03c72, #ff9ccd);
   --link: light-dark(#7b5cba, #e2b8ff);
-  --music: light-dark(#1565c3, #99ccff);
+  --music: light-dark(#3d7099, #76b8cc);
   --newsletter: light-dark(#37b0b0, #91fffa);
   --now: light-dark(#cc1076, #ff82d5);
-  --search: light-dark(#3a6b94, #a0b8d9);
+  --search: light-dark(#6b5e3a, #c0b594);
   --tattoo: light-dark(#951b1b, #ff7373);
   --tv: light-dark(#cc3600, #ff8f66);
   --warning: light-dark(#cc6f00, #ffbf66);
diff --git a/src/includes/blocks/now-playing.liquid b/src/includes/blocks/now-playing.liquid
index 88f7b9f1..87676458 100644
--- a/src/includes/blocks/now-playing.liquid
+++ b/src/includes/blocks/now-playing.liquid
@@ -5,7 +5,7 @@
   storage="local"
   transition-duration="10ms"
 >
-  <span class="loading client-side">&nbsp;{{ nowPlaying }}</span>
+  <span class="loading client-side">{{ nowPlaying }}</span>
   <span class="content"></span>
   <noscript>
     <span>{{ nowPlaying }}</span>
diff --git a/src/layouts/base.liquid b/src/layouts/base.liquid
index aca63a1a..0c1b67ed 100644
--- a/src/layouts/base.liquid
+++ b/src/layouts/base.liquid
@@ -48,38 +48,40 @@
   </head>
   <body>
     <script>
-      (() => {
-        const storageType =
-          document.querySelector("theme-toggle")?.getAttribute("storage") === "local"
-            ? localStorage
-            : sessionStorage;
+      window.addEventListener("load", () => {
+        (() => {
+          const storageType =
+            document.querySelector("theme-toggle")?.getAttribute("storage") === "local"
+              ? localStorage
+              : sessionStorage;
 
-        const currentTheme = storageType.getItem("theme") || "auto";
-        const metaColorScheme = document.querySelector('meta[name="color-scheme"]');
-        const lightIcon = document.querySelector(".light");
-        const darkIcon = document.querySelector(".dark");
-        const autoIcon = document.querySelector(".auto");
+          const currentTheme = storageType.getItem("theme") || "auto";
+          const metaColorScheme = document.querySelector('meta[name="color-scheme"]');
+          const lightIcon = document.querySelector(".light");
+          const darkIcon = document.querySelector(".dark");
+          const autoIcon = document.querySelector(".auto");
 
-        if (currentTheme === "auto") {
-          metaColorScheme.setAttribute("content", "light dark");
-          document.documentElement.style.colorScheme = "";
-        } else {
-          metaColorScheme.setAttribute("content", currentTheme);
-          document.documentElement.style.colorScheme = currentTheme;
-        }
+          if (currentTheme === "auto") {
+            metaColorScheme.setAttribute("content", "light dark");
+            document.documentElement.style.colorScheme = "";
+          } else {
+            metaColorScheme.setAttribute("content", currentTheme);
+            document.documentElement.style.colorScheme = currentTheme;
+          }
 
-        lightIcon.style.display = "none";
-        darkIcon.style.display = "none";
-        autoIcon.style.display = "none";
+          lightIcon.style.display = "none";
+          darkIcon.style.display = "none";
+          autoIcon.style.display = "none";
 
-        if (currentTheme === "light") {
-          lightIcon.style.display = "inline";
-        } else if (currentTheme === "dark") {
-          darkIcon.style.display = "inline";
-        } else {
-          autoIcon.style.display = "inline";
-        }
-      })();
+          if (currentTheme === "light") {
+            lightIcon.style.display = "inline";
+          } else if (currentTheme === "dark") {
+            darkIcon.style.display = "inline";
+          } else {
+            autoIcon.style.display = "inline";
+          }
+        })();
+      });
     </script>
     <div class="main-wrapper">
       <main>
