diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 8c7661f..549ecd7 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -33,3 +33,16 @@
         </div>
     </div>
 </header>
+
+<script>
+    // workaround to limit the page scroll if the mobile nav is opened
+    const nav_button = document.getElementById("navi-toggle")
+    nav_button.addEventListener("change", event => {
+        if (event.target.checked) {
+            document.body.style.overflow = "hidden";
+        }
+        if (!event.target.checked) {
+            document.body.style.overflow = "initial";
+        }
+    })
+</script>