diff --git a/src/scss/base.scss b/src/scss/base.scss
index 85e07f2..4202c07 100644
--- a/src/scss/base.scss
+++ b/src/scss/base.scss
@@ -212,9 +212,7 @@
     --navigation-width: calc(
       var(--navigation-size) + env(safe-area-inset-left)
     );
-    --navigation-width-expanded: calc(
-      var(--navigation-size) * 3.75 + env(safe-area-inset-left)
-    );
+    --navigation-width-expanded: var(--navigation-width);
 
     --navigation-link-display: block;
     --navigation-link-flex: 0 0 --navigation-size;
@@ -255,3 +253,11 @@
     --font-size: 28px;
   }
 }
+
+@media (hover: hover) {
+  :root {
+    --navigation-width-expanded: calc(
+      var(--navigation-size) * 3.75 + env(safe-area-inset-left)
+    );
+  }
+}