diff --git a/projects/common/components/input-elements/drop-list.component.ts b/projects/common/components/input-elements/drop-list.component.ts
index 038a0e08c0928b90c857140508d11ec60b62ffe3..99a012af1bd983764478a32e2c3bccab41b4a115 100644
--- a/projects/common/components/input-elements/drop-list.component.ts
+++ b/projects/common/components/input-elements/drop-list.component.ts
@@ -87,7 +87,8 @@ import { DragNDropValueObject } from 'common/models/elements/element';
                class="item"
                [ngClass]="{ 'vertical-orientation' : elementModel.orientation === 'vertical',
                       'horizontal-orientation' : elementModel.orientation === 'horizontal'}"
-               cdkDrag (cdkDragStarted)=dragStart(index) (cdkDragEnded)="dragEnd()"
+               cdkDrag [cdkDragData]="{ element: dropListValueElement, index: index }"
+               (cdkDragStarted)=dragStart(index) (cdkDragEnded)="dragEnd()"
                [style.object-fit]="'scale-down'">
           <img *ngIf="elementModel.copyOnDrop && draggedItemIndex === index && dropListValueElement.imgSrcValue"
                [src]="dropListValueElement.imgSrcValue | safeResourceUrl" alt="Image Placeholder"
@@ -95,7 +96,6 @@ import { DragNDropValueObject } from 'common/models/elements/element';
                class="item"
                [ngClass]="{ 'vertical-orientation' : elementModel.orientation === 'vertical',
                       'horizontal-orientation' : elementModel.orientation === 'horizontal'}"
-               cdkDrag (cdkDragStarted)=dragStart(index) (cdkDragEnded)="dragEnd()"
                [style.object-fit]="'scale-down'">
         </ng-template>
       </div>