diff --git a/web/src/routes/remux/+page.svelte b/web/src/routes/remux/+page.svelte
index 282e19ac..4e929b09 100644
--- a/web/src/routes/remux/+page.svelte
+++ b/web/src/routes/remux/+page.svelte
@@ -207,7 +207,12 @@
     />
 </svelte:head>
 
-<DropReceiver id="remux-container" bind:draggedOver bind:file>
+<DropReceiver
+    bind:file
+    bind:draggedOver
+    id="remux-container"
+    classes={processing ? "processing" : ""}
+>
     <div
         id="remux-open"
         class:processing
@@ -372,4 +377,12 @@
             gap: var(--padding);
         }
     }
+
+    @media screen and (max-height: 750px) and (max-width: 535px) {
+        :global(#remux-container:not(.processing)) {
+            justify-content: start;
+            align-items: start;
+            padding-top: var(--padding);
+        }
+    }
 </style>