diff --git a/src-ui/src/app/components/file-drop/file-drop.component.ts b/src-ui/src/app/components/file-drop/file-drop.component.ts
index 63d26bb26..833c84cbb 100644
--- a/src-ui/src/app/components/file-drop/file-drop.component.ts
+++ b/src-ui/src/app/components/file-drop/file-drop.component.ts
@@ -76,9 +76,9 @@ export class FileDropComponent {
     if (!this.dragDropEnabled) return
     event.preventDefault()
     event.stopImmediatePropagation()
-    this.onDragLeave(event, true)
     // pass event onto ngx-file-drop to handle files
     this.ngxFileDrop.dropFiles(event)
+    this.onDragLeave(event, true)
   }
 
   public dropped(files: NgxFileDropEntry[]) {