diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
index 6a93c44..b126326 100644
--- a/assets/scss/_variables.scss
+++ b/assets/scss/_variables.scss
@@ -1,7 +1,7 @@
 @import '_core/mixins';
 
 :root {
-  --window-height: 100svh;
+  --window-height: 100vh;
   --nav-height: 2rem;
   --space-standard: 0.625rem;
 
diff --git a/layouts/partials/head/link.html b/layouts/partials/head/link.html
index ad68af9..c5b64d4 100644
--- a/layouts/partials/head/link.html
+++ b/layouts/partials/head/link.html
@@ -18,6 +18,16 @@
   {{- partial "plugin/style.html" $style -}}
 {{- end -}}
 
+{{/* fuck safari */}}
+<script>
+  function z() {
+    const r = document.querySelector(':root')
+    r.style.setProperty('--window-height', `${window.innerHeight}px`)
+  }
+  z()
+  window.addEventListener('resize', z, { passive: true })
+</script>
+
 {{/* main js */}}
 {{- $script := dict "Link" "/bundled/js/main.js" "Defer" true "Esm" true -}}
 {{- partial "plugin/script.html" $script -}}