diff --git a/web/src/views/History.vue b/web/src/views/History.vue
index 6c76035..a52c0d2 100644
--- a/web/src/views/History.vue
+++ b/web/src/views/History.vue
@@ -20,6 +20,7 @@
         :index="i + 1"
         :active="store.currentSong?.id === song.id"
         @play="store.playSong(song)"
+        @playNext="store.playNextSong(song)"
         @add="store.addSong(song)"
       />
     </div>
diff --git a/web/src/views/Library.vue b/web/src/views/Library.vue
index 0f0bd6f..03a8d78 100644
--- a/web/src/views/Library.vue
+++ b/web/src/views/Library.vue
@@ -36,6 +36,7 @@
           :index="i + 1"
           :active="store.currentSong?.id === song.id"
           @play="store.play(song.name, song.platform)"
+          @playNext="store.playNextSong(song)"
           @add="store.addToQueue(song.name, song.platform)"
         />
       </div>
diff --git a/web/src/views/Playlist.vue b/web/src/views/Playlist.vue
index 01ba118..d5c9f8d 100644
--- a/web/src/views/Playlist.vue
+++ b/web/src/views/Playlist.vue
@@ -32,6 +32,7 @@
           :index="i + 1"
           :active="store.currentSong?.id === song.id"
           @play="store.playSong(song)"
+          @playNext="store.playNextSong(song)"
           @add="store.addSong(song)"
         />
       </div>
diff --git a/web/src/views/Search.vue b/web/src/views/Search.vue
index f7a6016..0536e36 100644
--- a/web/src/views/Search.vue
+++ b/web/src/views/Search.vue
@@ -28,6 +28,7 @@
         :index="i + 1"
         :active="store.currentSong?.id === song.id"
         @play="store.playSong(song)"
+        @playNext="store.playNextSong(song)"
         @add="store.addSong(song)"
       />
     </div>