diff --git a/front/src/components/audio/track/Row.vue b/front/src/components/audio/track/Row.vue
index 4eda9955a..8310e89c4 100644
--- a/front/src/components/audio/track/Row.vue
+++ b/front/src/components/audio/track/Row.vue
@@ -60,9 +60,11 @@ export default {
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
+<style lang="scss" scoped>
 
-tr:not(:hover) .favorite-icon:not(.favorited) {
-  display: none;
+tr:not(:hover) {
+  .favorite-icon:not(.favorited), .playlist-icon {
+    display: none;
+  }
 }
 </style>
diff --git a/front/src/components/playlists/TrackPlaylistIcon.vue b/front/src/components/playlists/TrackPlaylistIcon.vue
index 843d15392..bba4c515b 100644
--- a/front/src/components/playlists/TrackPlaylistIcon.vue
+++ b/front/src/components/playlists/TrackPlaylistIcon.vue
@@ -9,7 +9,7 @@
   <i
     v-else
     @click="$store.commit('playlists/chooseTrack', track)"
-    :class="['favorite-icon', 'list', 'link', 'icon']"
+    :class="['playlist-icon', 'list', 'link', 'icon']"
     title="Add to playlist...">
   </i>
 </template>