diff --git a/testing/web-platform/tests/webvtt/rendering/cues-with-video/processing-model/2_cues_overlapping_partially_move_up-ref.html b/testing/web-platform/tests/webvtt/rendering/cues-with-video/processing-model/2_cues_overlapping_partially_move_up-ref.html
index 595aec0a7245..6c3d65f24ff6 100644
--- a/testing/web-platform/tests/webvtt/rendering/cues-with-video/processing-model/2_cues_overlapping_partially_move_up-ref.html
+++ b/testing/web-platform/tests/webvtt/rendering/cues-with-video/processing-model/2_cues_overlapping_partially_move_up-ref.html
@@ -22,10 +22,14 @@ body { margin:0 }
     background: rgba(0,0,0,0.8);
     color: green;
 }
+.cueTextGoingUp {
+    position: relative;
+    top: -1.8px; /* 1% height of video's height */
+}
 </style>
 <div class="video">
     <span class="cue">
-        <div><span class="cueText">This is another test subtitle</span></div>
+        <div><span class="cueText cueTextGoingUp">This is another test subtitle</span></div>
         <div><span class="cueText">This is a test subtitle</span></div>
     </span>
 </div>