diff --git a/src/app/components/tree/tree.ts b/src/app/components/tree/tree.ts
index 12e815912a1..ccc8b0c5634 100755
--- a/src/app/components/tree/tree.ts
+++ b/src/app/components/tree/tree.ts
@@ -54,15 +54,17 @@ import {
     selector: 'p-treeNode',
     template: `
         <ng-template [ngIf]="node">
-            <li
-                *ngIf="tree.droppableNodes"
-                class="p-treenode-droppoint"
-                [ngClass]="{ 'p-treenode-droppoint-active': draghoverPrev }"
-                (drop)="onDropPoint($event, -1)"
-                (dragover)="onDropPointDragOver($event)"
-                (dragenter)="onDropPointDragEnter($event, -1)"
-                (dragleave)="onDropPointDragLeave($event)"
-            ></li>
+            <ul>
+                <li
+                    *ngIf="tree.droppableNodes"
+                    class="p-treenode-droppoint"
+                    [ngClass]="{ 'p-treenode-droppoint-active': draghoverPrev }"
+                    (drop)="onDropPoint($event, -1)"
+                    (dragover)="onDropPointDragOver($event)"
+                    (dragenter)="onDropPointDragEnter($event, -1)"
+                    (dragleave)="onDropPointDragLeave($event)"
+                ></li>
+            </ul>
             <li
                 *ngIf="!tree.horizontal"
                 [ngClass]="['p-treenode', node.styleClass || '', isLeaf() ? 'p-treenode-leaf' : '']"
@@ -133,15 +135,17 @@ import {
                     ></p-treeNode>
                 </ul>
             </li>
-            <li
-                *ngIf="tree.droppableNodes && lastChild"
-                class="p-treenode-droppoint"
-                [ngClass]="{ 'p-treenode-droppoint-active': draghoverNext }"
-                (drop)="onDropPoint($event, 1)"
-                (dragover)="onDropPointDragOver($event)"
-                (dragenter)="onDropPointDragEnter($event, 1)"
-                (dragleave)="onDropPointDragLeave($event)"
-            ></li>
+            <ul>
+                <li
+                    *ngIf="tree.droppableNodes && lastChild"
+                    class="p-treenode-droppoint"
+                    [ngClass]="{ 'p-treenode-droppoint-active': draghoverNext }"
+                    (drop)="onDropPoint($event, 1)"
+                    (dragover)="onDropPointDragOver($event)"
+                    (dragenter)="onDropPointDragEnter($event, 1)"
+                    (dragleave)="onDropPointDragLeave($event)"
+                ></li>
+            </ul>
             <table *ngIf="tree.horizontal" [class]="node.styleClass">
                 <tbody>
                     <tr>