diff --git a/packages/website/src/components/Layout/Hamburger/index.tsx b/packages/website/src/components/Layout/Hamburger/index.tsx
index 997a574..a92d073 100644
--- a/packages/website/src/components/Layout/Hamburger/index.tsx
+++ b/packages/website/src/components/Layout/Hamburger/index.tsx
@@ -20,6 +20,14 @@ const Hamburger = () => {
     return () => Router.events.off('routeChangeStart', onRouteChangeStart)
   }, [])
 
+  useEffect(() => {
+    if (isOpen) {
+      document.body.classList.add('overflow-hidden')
+    } else {
+      document.body.classList.remove('overflow-hidden')
+    }
+  }, [isOpen])
+
   return (
     <div className={styles.hamburger}>
       <button
diff --git a/packages/website/src/utils/theme/theme.css b/packages/website/src/utils/theme/theme.css
index 4a84fa9..0551b04 100644
--- a/packages/website/src/utils/theme/theme.css
+++ b/packages/website/src/utils/theme/theme.css
@@ -114,6 +114,10 @@ pre {
   padding: 1em;
 }
 
+.overflow-hidden {
+  overflow: hidden;
+}
+
 .overflow-x-adjust {
   overflow-x: auto;
 }