diff --git a/src/components/RightSideBar/Queue/QueueActions.vue b/src/components/RightSideBar/Queue/QueueActions.vue
index 66971846..34ea18df 100644
--- a/src/components/RightSideBar/Queue/QueueActions.vue
+++ b/src/components/RightSideBar/Queue/QueueActions.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="queue-actions">
     <div class="left">
-      <button class="clear-queue action">
+      <button class="clear-queue action" @click="queue.clearQueue">
         <ClearSvg />
         <span>Clear</span>
       </button>
@@ -19,9 +19,13 @@
 </template>
 
 <script setup lang="ts">
+import useQueueStore from "../../../stores/queue";
+
 import ClearSvg from "@/assets/icons/delete.svg";
 import SaveAsPlaylistSvg from "@/assets/icons/sdcard.svg";
 import MoreSvg from "@/assets/icons/more.svg";
+
+const queue = useQueueStore();
 </script>
 
 <style lang="scss">
diff --git a/src/stores/queue.ts b/src/stores/queue.ts
index dad5af9b..3557991f 100644
--- a/src/stores/queue.ts
+++ b/src/stores/queue.ts
@@ -239,5 +239,14 @@ export default defineStore("Queue", {
       );
       writeQueue(this.from, this.tracks);
     },
+    clearQueue() {
+      this.tracks = [defaultTrack] as Track[];
+      this.current = 0;
+      this.currentid = "";
+      this.next = 0;
+      this.prev = 0;
+      this.from = <From>{};
+      console.log(this.current);
+    },
   },
 });