diff --git a/web-src/src/components/ModalDialogGenre.vue b/web-src/src/components/ModalDialogGenre.vue
index 974b3681..5a003ffe 100644
--- a/web-src/src/components/ModalDialogGenre.vue
+++ b/web-src/src/components/ModalDialogGenre.vue
@@ -39,22 +39,22 @@ export default {
   methods: {
     play: function () {
       this.$emit('close')
-      webapi.library_genre(this.genre.name).then(({ data }) =>
-        webapi.player_play_uri(data.albums.items.map(a => a.uri).join(','), false)
+      webapi.library_genre_tracks(this.genre.name).then(({ data }) =>
+        webapi.player_play_uri(data.tracks.items.map(a => a.uri).join(','), false)
       )
     },
 
     queue_add: function () {
       this.$emit('close')
-      webapi.library_genre(this.genre.name).then(({ data }) =>
-        webapi.queue_add(data.albums.items.map(a => a.uri).join(','))
+      webapi.library_genre_tracks(this.genre.name).then(({ data }) =>
+        webapi.queue_add(data.tracks.items.map(a => a.uri).join(','))
       )
     },
 
     queue_add_next: function () {
       this.$emit('close')
-      webapi.library_genre(this.genre.name).then(({ data }) =>
-        webapi.queue_add_next(data.albums.items.map(a => a.uri).join(','))
+      webapi.library_genre_tracks(this.genre.name).then(({ data }) =>
+        webapi.queue_add_next(data.tracks.items.map(a => a.uri).join(','))
       )
     },
 
diff --git a/web-src/src/pages/PageGenre.vue b/web-src/src/pages/PageGenre.vue
index 9c7430b8..6e055cf7 100644
--- a/web-src/src/pages/PageGenre.vue
+++ b/web-src/src/pages/PageGenre.vue
@@ -76,7 +76,9 @@ export default {
     },
 
     play: function () {
-      webapi.player_play_uri(this.genre_albums.items.map(a => a.uri).join(','), true)
+      webapi.library_genre_tracks(this.name).then(({ data }) =>
+        webapi.player_play_uri(data.tracks.items.map(a => a.uri).join(','), true)
+      )
     },
 
     open_album: function (album) {