diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index d66c17704feca67bc7c2275347c9f56ac8ab36cf..a7c0950bc66d7df6f32e387adf55b10ed2678ad4 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -55,7 +55,7 @@
           :class="['ui', 'small', 'orange', 'inverted', {'indicating': isLoadingAudio}, 'progress']"
           @click="touchProgress">
           <div class="buffer bar" :data-percent="bufferProgress" :style="{ 'width': bufferProgress + '%' }"></div>
-          <div class="bar" :data-percent="progress" :style="{ 'width': progress + '%' }"></div>
+          <div class="position bar" :data-percent="progress" :style="{ 'width': progress + '%' }"></div>
         </div>
       </div>
       <div class="ui small warning message" v-if="currentTrack && errored">
@@ -826,6 +826,10 @@ export default {
 .progress-area .actions {
   text-align: center;
 }
+.ui.progress:not([data-percent]):not(.indeterminate)
+  .bar.position:not(.buffer) {
+  background: #ff851b;
+}
 .volume-control {
   position: relative;
   width: 12.5% !important;