diff --git a/src/components/NavigationMenu.vue b/src/components/NavigationMenu.vue
index 7c19a0e7fd879d38abc5d66412d2b716eb7f206f..428925ad3976aaf0d26376af9c2c55cc2946b1b0 100644
--- a/src/components/NavigationMenu.vue
+++ b/src/components/NavigationMenu.vue
@@ -49,7 +49,7 @@
     </vs-popup>
     <vs-popup class="homeland"  title="Sequences" :active.sync="sequencesListPopupActive">
       <vs-list v-for="item in sequenceQueue" v-bind:key="item.orca_sequence_id">
-        {{ item.orca_sequence_id }}
+        <p><span>{{ item.orca_sequence_id }}</span> (<span class="linkspan" @click="removeFromQueue(item.orca_sequence_id)" class="" >delete</span>)
       </vs-list>
     </vs-popup>
   </div>
@@ -275,6 +275,9 @@ export default {
       // trigger playback
       this.canPlaySequence(id)
     },
+    removeFromQueue (id) {
+      this.$eventHub.$emit('live_remove_from_queue', id)
+    },
     onUserChange (name) {
       this.userName = name
     },
@@ -300,6 +303,8 @@ export default {
       Bus.$emit('user-set')
     },
     updateStorage () {
+
+
       const data = []
       for (let i = 0; i < this.sequenceQueue.length; i++) {
         data.push(this.sequenceQueue[i].orca_sequence_id)
@@ -307,6 +312,8 @@ export default {
       localStorage.sequenceQueue = data
       console.log('Local storage updated:' + JSON.stringify(localStorage.sequenceQueue))
       this.$eventHub.$emit('change-queue-event', data)
+
+
     },
     mockSequences () {
       return [
@@ -411,6 +418,11 @@ export default {
 <style lang="scss">
 @import '@/assets/color.scss';
 
+.linkspan {
+  text-decoration: underline;
+  cursor: pointer;
+}
+
 .OrchiveLogo{
   width: 65%;
   margin-bottom: 1.5em;