diff --git a/src/app/molecules/mobile-context-menu/MobileContextMenu.jsx b/src/app/molecules/mobile-context-menu/MobileContextMenu.jsx
index e2915e7c..41ef7a3c 100644
--- a/src/app/molecules/mobile-context-menu/MobileContextMenu.jsx
+++ b/src/app/molecules/mobile-context-menu/MobileContextMenu.jsx
@@ -5,6 +5,14 @@ import './MobileContextMenu.scss';
 
 export function MobileContextMenu({ isOpen, onClose, children }) {
   const { innerHeight } = window;
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overscrollBehavior = 'contain';
+    }
+    return () => {
+      document.body.style.overscrollBehavior = 'auto';
+    };
+  }, [isOpen]);
 
   const [{ y }, api] = useSpring(() => ({
     y: innerHeight,
@@ -49,11 +57,13 @@ export function MobileContextMenu({ isOpen, onClose, children }) {
         {...bind()}
         style={{
           y,
-          touchAction: 'pan-y',
+          touchAction: 'none',
         }}
       >
         <div className="bottom-sheet-grabber" />
-        <div className="bottom-sheet-content">{children}</div>
+        <div className="bottom-sheet-content" style={{ overflow: 'visible' }}>
+          {children}
+        </div>
       </animated.div>
     </>
   );