diff --git a/web/src/components/misc/FileReceiver.svelte b/web/src/components/misc/FileReceiver.svelte
index 9ab853e7..9c52189d 100644
--- a/web/src/components/misc/FileReceiver.svelte
+++ b/web/src/components/misc/FileReceiver.svelte
@@ -142,7 +142,8 @@
         margin-bottom: -16px;
         transition:
             clip-path 0.2s,
-            margin-bottom 0.2s;
+            margin-bottom 0.2s,
+            opacity 0.15s;
     }
 
     .dragged-over :global(.meowbalt) {