diff --git a/packages/client/src/components/Component.svelte b/packages/client/src/components/Component.svelte
index 5543747e77..5ea7a5ea84 100644
--- a/packages/client/src/components/Component.svelte
+++ b/packages/client/src/components/Component.svelte
@@ -70,10 +70,10 @@
     $builderStore.inBuilder &&
     ($builderStore.previewType === "layout" || insideScreenslot) &&
     !isBlock
-  $: draggable = interactive && !isLayout && !isScreen
-  $: droppable = interactive && !isLayout && !isScreen
   $: editable = definition.editable
   $: editing = editable && selected && $builderStore.editMode
+  $: draggable = !editing && interactive && !isLayout && !isScreen
+  $: droppable = interactive && !isLayout && !isScreen
 
   // Empty components are those which accept children but do not have any.
   // Empty states can be shown for these components, but can be disabled