Setting a transform scale is css breaks position of web player scrubber

Please refer to the code below. When I set transform: scale(X) to a value that is not 1. The scrubber shows an inaccurate position/timestamp. May I request your team take a look at this.

<script type="text/javascript" src="//"></script>
<script type="text/javascript" src="//"></script>
<link rel="stylesheet" type="text/css" href="//" />
  .wrapper {
    transform: scale(0.75);

<div class="wrapper">
  <div id='bitmovin-player'></div>

  const source = {       
   title: 'Art of Motion',
   dash: ''
  const player = new bitmovin.player.Player(document.getElementById('bitmovin-player'), { 
    ui: false,
    tweaks: { 
      file_protocol: true, 
      app_id: 'APP_ID' 

Here’s a a screenshot that shows my mouse pointer