diff --git a/web/src/components/queue/ProcessingQueue.svelte b/web/src/components/queue/ProcessingQueue.svelte
index 8a4efa13..4eaf4da1 100644
--- a/web/src/components/queue/ProcessingQueue.svelte
+++ b/web/src/components/queue/ProcessingQueue.svelte
@@ -46,7 +46,7 @@
     });
 </script>
 
-<div id="processing-queue" class:expanded={$queueVisible}>
+<div id="processing-queue">
     <ProcessingStatus
         progress={totalProgress * 100}
         {indeterminate}
@@ -68,7 +68,11 @@
                 />
                 <div class="header-buttons">
                     {#if queue.length}
-                        <button class="clear-button" onclick={clearQueue}>
+                        <button
+                            class="clear-button"
+                            onclick={clearQueue}
+                            tabindex={!$queueVisible ? -1 : undefined}
+                        >
                             <IconX />
                             {$t("button.clear")}
                         </button>
@@ -144,10 +148,6 @@
         outline-offset: 5px;
     }
 
-    #processing-queue:not(.expanded) .header-buttons button {
-        pointer-events: none;
-    }
-
     .header-buttons button :global(svg) {
         height: 16px;
         width: 16px;