diff --git a/front/src/components/QueueItem.vue b/front/src/components/QueueItem.vue
index 6520585bf..562b5f47f 100644
--- a/front/src/components/QueueItem.vue
+++ b/front/src/components/QueueItem.vue
@@ -54,8 +54,8 @@ defineEmits<Emits>()
     </div>
     <div class="controls">
       <i
-        :class="$store.getters['favorites/isFavorite'](source.track.id) ? 'pink' : 'grey'"
-        class="heart icon ui favorite-icon"
+        :class="$store.getters['favorites/isFavorite'](source.track.id) ? 'pink' : ''"
+        class="heart icon"
         @click.stop="$store.dispatch('favorites/toggle', source.track.id)"
       />
       <button
diff --git a/front/src/style/components/_queue.scss b/front/src/style/components/_queue.scss
index 8444ba71b..7a25e6803 100644
--- a/front/src/style/components/_queue.scss
+++ b/front/src/style/components/_queue.scss
@@ -321,6 +321,10 @@
     cursor: pointer;
     padding: 0 0.875rem;
 
+    .heart:not(.pink) {
+      color: rgba(0, 0, 0, 0.2)
+    }
+
     .handle > .grip {
       pointer-events: none;
     }