diff --git a/web-src/src/components/ModalDialogPlaylist.vue b/web-src/src/components/ModalDialogPlaylist.vue
index 7ed5b522..65e35ed5 100644
--- a/web-src/src/components/ModalDialogPlaylist.vue
+++ b/web-src/src/components/ModalDialogPlaylist.vue
@@ -44,22 +44,22 @@ import webapi from '@/webapi'
 
 export default {
   name: 'ModalDialogPlaylist',
-  props: ['show', 'playlist', 'tracks'],
+  props: ['show', 'playlist', 'uris'],
 
   methods: {
     play: function () {
       this.$emit('close')
-      webapi.player_play_uri(this.playlist.uri, false)
+      webapi.player_play_uri(this.uris ? this.uris : this.playlist.uri, false)
     },
 
     queue_add: function () {
       this.$emit('close')
-      webapi.queue_add(this.playlist.uri)
+      webapi.queue_add(this.uris ? this.uris : this.playlist.uri)
     },
 
     queue_add_next: function () {
       this.$emit('close')
-      webapi.queue_add_next(this.playlist.uri)
+      webapi.queue_add_next(this.uris ? this.uris : this.playlist.uri)
     },
 
     open_playlist: function () {
diff --git a/web-src/src/pages/PagePlaylist.vue b/web-src/src/pages/PagePlaylist.vue
index fbfa9465..9fd59cd6 100644
--- a/web-src/src/pages/PagePlaylist.vue
+++ b/web-src/src/pages/PagePlaylist.vue
@@ -16,7 +16,7 @@
     <template slot="content">
       <p class="heading has-text-centered-mobile">{{ tracks.length }} tracks</p>
       <list-tracks :tracks="tracks" :uris="uris"></list-tracks>
-      <modal-dialog-playlist :show="show_playlist_details_modal" :playlist="playlist" :tracks="playlist.random ? tracks : undefined" @close="show_playlist_details_modal = false" />
+      <modal-dialog-playlist :show="show_playlist_details_modal" :playlist="playlist" :uris="uris" @close="show_playlist_details_modal = false" />
     </template>
   </content-with-heading>
 </template>