diff --git a/web/src/components/misc/DragDropArea.svelte b/web/src/components/misc/DropReceiver.svelte
similarity index 92%
rename from web/src/components/misc/DragDropArea.svelte
rename to web/src/components/misc/DropReceiver.svelte
index 61c11f8b..dec3f1a0 100644
--- a/web/src/components/misc/DragDropArea.svelte
+++ b/web/src/components/misc/DropReceiver.svelte
@@ -30,6 +30,9 @@
     on:dragend={() => {
         draggedOver = false;
     }}
+    on:dragleave={() => {
+        draggedOver = false;
+    }}
 >
     <slot></slot>
 </div>
diff --git a/web/src/routes/remux/+page.svelte b/web/src/routes/remux/+page.svelte
index ccef6ac2..17b6abeb 100644
--- a/web/src/routes/remux/+page.svelte
+++ b/web/src/routes/remux/+page.svelte
@@ -3,7 +3,7 @@
     import { openURL } from "$lib/download";
     import { t } from "$lib/i18n/translations";
 
-    import DragDropArea from "$components/misc/DragDropArea.svelte";
+    import DropReceiver from "$components/misc/DropReceiver.svelte";
     import OpenFileButton from "$components/misc/FileReceiver.svelte";
 
     let draggedOver = false;
@@ -30,7 +30,7 @@
     }
 </script>
 
-<DragDropArea id="remux-container" bind:draggedOver bind:file>
+<DropReceiver id="remux-container" bind:draggedOver bind:file>
     <div id="remux-inner">
         <OpenFileButton
             bind:draggedOver
@@ -50,7 +50,7 @@
             {$t("remux.description")}
         </div>
     </div>
-</DragDropArea>
+</DropReceiver>
 
 <style>
     :global(#remux-container) {