diff --git a/src/components/player/progress-bar/Progress.vue b/src/components/player/progress-bar/Progress.vue
index 1616742d4..12fccef50 100644
--- a/src/components/player/progress-bar/Progress.vue
+++ b/src/components/player/progress-bar/Progress.vue
@@ -17,8 +17,8 @@
       @input="onInput"
     >
     <span class="progress-range" :style="rangeStyle"></span>
-    <span class="progress-buffer" v-for="(buffering, index) in buffer" :style="bufferStyle(buffering)" :key="index"></span>
-    <span v-for="(quantile, index) in quantiles" class="progress-track" :style="trackStyle(quantile)" :key="index"></span>
+    <span class="progress-buffer" v-for="(buffering, index) in buffer" :style="bufferStyle(buffering)" :key="`buffer-${index}`"></span>
+    <span v-for="(quantile, index) in quantiles" class="progress-track" :style="trackStyle(quantile)" :key="`track-${index}`"></span>
     <ChaptersIndicator></ChaptersIndicator>
     <span class="ghost-thumb" :style="thumbStyle(ghostPosition, ghost.active)"></span>
     <span class="progress-thumb" :class="{ active: thumbActive }" :style="thumbStyle(thumbPosition, true)"></span>
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 927a87c02..6dc89ddc8 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -64,5 +64,5 @@ $thumb-width-mobile: 44px;
 
 // Transcripts
 $transcripts-header-height: 50px;
-$transcripts-header-element-height: 24px;
+$transcripts-header-element-height: 25px;
 $transcripts-search-navigation-width: 120px;