diff --git a/packages/angular/src/list/ai-list.component.ts b/packages/angular/src/list/ai-list.component.ts
index 2f5376eec6..7e0abe6c85 100644
--- a/packages/angular/src/list/ai-list.component.ts
+++ b/packages/angular/src/list/ai-list.component.ts
@@ -60,8 +60,11 @@ export enum SelectionType {
           (droppedAbove)="handleDrop(data.parentItem, data.index)"
           (droppedBelow)="handleDrop(data.parentItem, data.index + 1)"
           (droppedNested)="handleDrop(data.item, 0)"
+          (dragEnterBelow)="handleDragOver($event, data.parentItem)"
           (dragOverBelow)="handleDragOver($event, data.parentItem)"
+          (dragEnterAbove)="handleDragOver($event, data.parentItem)"
           (dragOverAbove)="handleDragOver($event, data.parentItem)"
+          (dragEnterNested)="handleDragOver($event, data.item)"
           (dragOverNested)="handleDragOver($event, data.item)"
         >
           <ai-list-item
diff --git a/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts b/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts
index 1683fc7547..0c969be0b5 100644
--- a/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts
+++ b/packages/angular/src/list/list-item/ai-list-item-wrapper.component.ts
@@ -21,6 +21,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
             aiListTarget
             targetPosition="nested"
             (dropping)="droppedNested.emit($event)"
+            (dragEnter)="dragEnterNested.emit($event)"
             (dragOver)="dragOverNested.emit($event)"
             [targetSize]="100"
           ></div>
@@ -28,12 +29,14 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
             aiListTarget
             targetPosition="above"
             (dropping)="droppedAbove.emit($event)"
+            (dragEnter)="dragEnterAbove.emit($event)"
             (dragOver)="dragOverAbove.emit($event)"
           ></div>
           <div
             aiListTarget
             targetPosition="below"
             (dropping)="droppedBelow.emit($event)"
+            (dragEnter)="dragEnterBelow.emit($event)"
             (dragOver)="dragOverBelow.emit($event)"
           ></div>
         </div>
@@ -67,10 +70,16 @@ export class AIListItemWrapperComponent {
 
   @Output() dragEnd = new EventEmitter<any>();
 
+  @Output() dragEnterAbove = new EventEmitter<any>();
+
   @Output() dragOverAbove = new EventEmitter<any>();
 
+  @Output() dragEnterBelow = new EventEmitter<any>();
+
   @Output() dragOverBelow = new EventEmitter<any>();
 
+  @Output() dragEnterNested = new EventEmitter<any>();
+
   @Output() dragOverNested = new EventEmitter<any>();
 
   @Output() droppedBelow = new EventEmitter<any>();