diff --git a/src/components/Viewport.vue b/src/components/Viewport.vue
index 63e4dee22..70b3689b6 100644
--- a/src/components/Viewport.vue
+++ b/src/components/Viewport.vue
@@ -71,6 +71,10 @@ function initScene() {
   renderer.setPixelRatio(window.devicePixelRatio)
   containerRef.value.appendChild(renderer.domElement)
 
+  // Prevent browser drag behavior on canvas
+  renderer.domElement.draggable = false
+  renderer.domElement.addEventListener('dragstart', (e) => e.preventDefault())
+
   // Setup orbit controls
   controls = new OrbitControls(activeCamera, renderer.domElement)
   controls.enableDamping = true
@@ -278,5 +282,11 @@ defineExpose({
   width: 100%;
   height: 100%;
   overflow: hidden;
+  user-select: none;
+  -webkit-user-drag: none;
+}
+
+.viewport :deep(canvas) {
+  -webkit-user-drag: none;
 }
 </style>