diff --git a/packages/core/src/container/Viewport/Viewport.vue b/packages/core/src/container/Viewport/Viewport.vue
index 00b1c2e7..728aa295 100644
--- a/packages/core/src/container/Viewport/Viewport.vue
+++ b/packages/core/src/container/Viewport/Viewport.vue
@@ -228,6 +228,6 @@ export default {
     <Transform>
       <slot />
     </Transform>
-    <SelectionPane :class="{ dragging: isDragging }" />
+    <SelectionPane :class="{ dragging: isDragging, draggable: panOnDrag }" />
   </div>
 </template>
diff --git a/packages/core/src/style.css b/packages/core/src/style.css
index b8e6a2b1..e2bc3104 100644
--- a/packages/core/src/style.css
+++ b/packages/core/src/style.css
@@ -15,7 +15,10 @@
 
 .vue-flow__pane {
   z-index: 1;
-  cursor: grab;
+
+  &.draggable {
+     cursor: grab;
+   }
 
   &.dragging {
      cursor: grabbing;