diff --git a/projects/editor/src/app/components/unit-view/page-view/canvas/canvas-drag-overlay.component.ts b/projects/editor/src/app/components/unit-view/page-view/canvas/canvas-drag-overlay.component.ts
index ea81fc4d84731c90b59e5d43267ccae1e5b2ccdb..3874a12250b323415f75629dfe66a5cf3958676c 100644
--- a/projects/editor/src/app/components/unit-view/page-view/canvas/canvas-drag-overlay.component.ts
+++ b/projects/editor/src/app/components/unit-view/page-view/canvas/canvas-drag-overlay.component.ts
@@ -11,9 +11,11 @@ import * as ComponentUtils from '../../../../../../../common/component-utils';
 @Component({
   selector: 'app-canvas-drag-overlay',
   template: `
-    <div cdkDrag [cdkDragData]="this.element" (click)="click($event)"
-         [ngStyle]="style">
-      <ng-template #elementContainer></ng-template>
+<!--    Needs extra div because styling can interfere with drag and drop-->
+    <div cdkDrag [cdkDragData]="this.element" (click)="click($event)">
+      <div [ngStyle]="style">
+        <ng-template #elementContainer></ng-template>
+      </div>
     </div>
     `,
   styles: [