diff --git a/app/layout.tsx b/app/layout.tsx
index 2aa1ac72..4eb4f741 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -20,7 +20,13 @@ export default function RootLayout({
    children: React.ReactNode;
 }) {
    return (
-      <html lang="en" style={{ overflow: "hidden", backgroundColor: "#000" }}>
+      <html
+         lang="en"
+         style={{
+            overflow: "hidden",
+            backgroundColor: "#000",
+            touchAction: "none",
+         }}>
          <body className={oswald.className}>
             {children}
             <UI />
diff --git a/app/stickers/Playground.tsx b/app/stickers/Playground.tsx
index e005b07b..112411ef 100644
--- a/app/stickers/Playground.tsx
+++ b/app/stickers/Playground.tsx
@@ -68,7 +68,14 @@ export const Playground = () => {
             silhouetteMap={silhouette}
          />
          <Background stickerMap={stickerMap} />
-         {/* <OrbitControls /> */}
+         <OrbitControls
+            enabled={true}
+            enableZoom={false}
+            minAzimuthAngle={-0.785} // -45
+            maxAzimuthAngle={0.785} // 45
+            minPolarAngle={1.134} // 65
+            maxPolarAngle={1.919} // 110
+         />
       </mesh>
    );
 };
diff --git a/app/stickers/StickerBall/index.tsx b/app/stickers/StickerBall/index.tsx
index 724fb6b4..3646719d 100644
--- a/app/stickers/StickerBall/index.tsx
+++ b/app/stickers/StickerBall/index.tsx
@@ -23,7 +23,7 @@ const StickerBallMesh = ({ children }: { children: React.ReactNode }) => {
    return (
       <mesh
          scale={isDesktop ? [1, 1, 1] : [0.72, 0.72, 0.72]}
-         onClick={(e) => {
+         onPointerDown={(e) => {
             canvasState.setStickerState(e.uv!);
             canvasState.cameraState.point.set(
                e.point.x,
