diff --git a/src/components/ThreeView.tsx b/src/components/ThreeView.tsx
index 52e8d19..b14c24a 100644
--- a/src/components/ThreeView.tsx
+++ b/src/components/ThreeView.tsx
@@ -37,7 +37,7 @@ export const ThreeView = observer(function () {
             { name: 'right', keys: ['ArrowRight', 'd', 'D'] },
             { name: 'jump', keys: ['Space'] },
         ]}>
-            <div style={{ position: 'relative', width: '800px', height: '600px', border: '1px solid #333', borderRadius: '8px', overflow: 'hidden' }}>
+            <div style={{ position: 'fixed', inset: 0, overflow: 'hidden' }}>
                 <Canvas
                     // camera={state.world.character.camera}
                     onPointerMissed={() => state.worldEditor.resetSelectedObject()}
diff --git a/src/index.scss b/src/index.scss
index b02ea1a..679a3c8 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -59,8 +59,10 @@
   box-sizing: border-box;
 }
 
+html,
 body {
   margin: 0;
+  overscroll-behavior: none;
 }
 
 svg {