diff --git a/resources/cider-ui/style.less b/resources/cider-ui/style.less
index 62c49d79..3af8ca6f 100644
--- a/resources/cider-ui/style.less
+++ b/resources/cider-ui/style.less
@@ -1871,6 +1871,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
     overflow: overlay;
     height: 100%;
   }
+
+  .queue-footer {
+    width:100%;
+    padding: 12px;
+  }
   .autoplay {
     background: rgb(200 200 200 / 15%);
     appearance: none;
diff --git a/resources/cider-ui/views/components/queue.ejs b/resources/cider-ui/views/components/queue.ejs
index b928bd5b..dab27d3f 100644
--- a/resources/cider-ui/views/components/queue.ejs
+++ b/resources/cider-ui/views/components/queue.ejs
@@ -32,6 +32,9 @@
                 </template>
             </draggable>
         </div>
+        <div class="queue-footer">
+            <button class="md-btn" style="width:100%;" v-if="queueItems.length > 1" @click="app.mk.clearQueue();updateQueue()">Clear All</button>
+        </div>
     </div>
 </script>