diff --git a/layouts/default.vue b/layouts/default.vue
index ab14a5a..8c08e2b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -44,10 +44,6 @@ const { cart } = useCart()
 </script>
 
 <style lang="scss" scoped>
-body {
-  overflow: hidden;
-}
-
 .layout {
   display: flex;
   flex-direction: column;
diff --git a/pages/product/[id].vue b/pages/product/[id].vue
index 2d7703f..b8eb968 100644
--- a/pages/product/[id].vue
+++ b/pages/product/[id].vue
@@ -89,9 +89,21 @@ const { lengthY: drawerLengthY } = useSwipe(
     },
   },
 )
+
+onMounted(() => {
+  if (isMobile.value) {
+    document.body.style.overflow = 'hidden'
+  }
+})
+
+onUnmounted(() => {
+  if (isMobile.value) {
+    document.body.style.overflow = ''
+  }
+})
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
 @use '~/assets/scss/utils' as *;
 
 .product {