diff --git a/web-src/src/components/ModalDialogQueueItem.vue b/web-src/src/components/ModalDialogQueueItem.vue
index ac070ad3..ffb313df 100644
--- a/web-src/src/components/ModalDialogQueueItem.vue
+++ b/web-src/src/components/ModalDialogQueueItem.vue
@@ -106,6 +106,7 @@ export default {
   },
   methods: {
     open_album() {
+      this.$emit('close')
       if (this.item.data_kind === 'spotify') {
         this.$router.push({
           name: 'music-spotify-album',
@@ -129,6 +130,7 @@ export default {
       }
     },
     open_album_artist() {
+      this.$emit('close')
       if (this.item.data_kind === 'spotify') {
         this.$router.push({
           name: 'music-spotify-artist',
@@ -150,6 +152,7 @@ export default {
       }
     },
     open_genre() {
+      this.$emit('close')
       this.$router.push({
         name: 'genre-albums',
         params: { name: this.item.genre },
diff --git a/web-src/src/components/ModalDialogTrack.vue b/web-src/src/components/ModalDialogTrack.vue
index d36934bb..51d332b8 100644
--- a/web-src/src/components/ModalDialogTrack.vue
+++ b/web-src/src/components/ModalDialogTrack.vue
@@ -131,6 +131,7 @@ export default {
         })
     },
     open_album() {
+      this.$emit('close')
       if (
         this.item.data_kind === 'spotify' &&
         this.item.media_kind !== 'podcast'
@@ -157,6 +158,7 @@ export default {
       }
     },
     open_artist() {
+      this.$emit('close')
       if (this.item.data_kind === 'spotify') {
         this.$router.push({
           name: 'music-spotify-artist',
@@ -178,6 +180,7 @@ export default {
       }
     },
     open_genre() {
+      this.$emit('close')
       this.$router.push({
         name: 'genre-albums',
         params: { name: this.item.genre },