diff --git a/app/_game/Game.tsx b/app/_game/Game.tsx
index 9df4f97..46c5ca6 100644
--- a/app/_game/Game.tsx
+++ b/app/_game/Game.tsx
@@ -50,6 +50,8 @@ export function Game({
   const { setSceneProps } = useSceneProps()
 
   useMount(() => {
+    document.body.classList.add('no-scroll')
+
     setSceneProps('MENU', { testId, nextTestStartTime })
     if (!user) {
       setSceneProps('PLAY', { images, total: 1 })
diff --git a/app/_game/components/TinderCard.tsx b/app/_game/components/TinderCard.tsx
index fa0edd3..72a3947 100644
--- a/app/_game/components/TinderCard.tsx
+++ b/app/_game/components/TinderCard.tsx
@@ -79,7 +79,7 @@ export function TinderCard({
     <>
       {active ? (
         <motion.div
-          drag="x"
+          drag
           dragSnapToOrigin
           onDragEnd={handleDragEnd}
           onDrag={handleDrag}
diff --git a/app/globals.css b/app/globals.css
index b5c61c9..c932d16 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,3 +1,9 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+body.no-scroll {
+  overflow: hidden;
+  position: fixed;
+  width: 100%;
+}