diff --git a/front/src/components/audio/ArtistEntries.vue b/front/src/components/audio/ArtistEntries.vue
index 98466d6f4925eb53dac01c98dee5d35fbd76ba54..3fba26f6d416246ef63c2c9a2e14ade2f0c32c4f 100644
--- a/front/src/components/audio/ArtistEntries.vue
+++ b/front/src/components/audio/ArtistEntries.vue
@@ -27,7 +27,7 @@
       v-for="(track, index) in tracks" :key="track.id">
       <div class="actions one wide left floated column">
         <play-indicator
-          v-if="!isLoadingAudio && currentTrack && isPlaying && track.id === currentTrack.id && !track.hover">
+          v-if="!$store.state.player.isLoadingAudio && currentTrack && isPlaying && track.id === currentTrack.id && !track.hover">
         </play-indicator>
         <button
           v-else-if="currentTrack && isPlaying && track.id === currentTrack.id && track.hover"
@@ -104,7 +104,6 @@ export default {
   computed: {
     ...mapGetters({
       currentTrack: "queue/currentTrack",
-      isLoadingAudio: "player/isLoadingAudio"
     }),
 
     isPlaying () {
diff --git a/front/src/style/globals/_channels.scss b/front/src/style/globals/_channels.scss
index f305a79d489f9f753e7bd07afeecb86b2dce99a8..e553f2febf33fa71ea26dee02d5a1467db992e8e 100644
--- a/front/src/style/globals/_channels.scss
+++ b/front/src/style/globals/_channels.scss
@@ -102,17 +102,6 @@
     max-width: 2rem;
     width: 100%;
   }
-  .ui.really.tiny.button.play-button.playing {
-    color: var(--vibrant-color);
-    visibility: visible;
-    display: contents;
-    left: auto;
-    right: auto;
-  }
-  .ui.really.tiny.button.play-button.paused {
-    color: var(--vibrant-color);
-    visibility: visible;
-  }
   .actions.one.wide.left.floated.column {
     width: 3% !important;
   }
@@ -139,7 +128,7 @@
   cursor: pointer;
 
   // explicitly style the button as if it was hovered itself
-  .ui.really.tiny.button.play-button {
+  .ui.icon.really.tiny.button.play-button {
     color: var(--main-color);
     visibility: visible;
     display: contents;