diff --git a/front/src/components/library/TrackBase.vue b/front/src/components/library/TrackBase.vue
index b1c991d48..8200c6b52 100644
--- a/front/src/components/library/TrackBase.vue
+++ b/front/src/components/library/TrackBase.vue
@@ -176,6 +176,7 @@ watch(showDeleteModal, (newValue) => {
 
         <Layout flex>
           <PlayButton
+            :is-playable="track.is_playable"
             class="vibrant"
             split
             :track="track"
diff --git a/front/src/views/playlists/Detail.vue b/front/src/views/playlists/Detail.vue
index 9fdc75d78..b7e2f0351 100644
--- a/front/src/views/playlists/Detail.vue
+++ b/front/src/views/playlists/Detail.vue
@@ -166,7 +166,6 @@ const deletePlaylist = async () => {
         <Layout flex class="header-buttons">
           <PlayButton
             split
-            class="vibrant"
             :is-playable="playlist.is_playable"
             :tracks="tracks"
           >