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="//cdn.bitmovin.com/player/web/8/bitmovinplayer.js"></script>
<script type="text/javascript" src="//cdn.bitmovin.com/player/web/8/bitmovinplayer-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.bitmovin.com/player/web/8/bitmovinplayer-ui.css" />
<style>
  .wrapper {
    transform: scale(0.75);
  }
</style>

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

<script>
  const source = {       
   title: 'Art of Motion',
   dash: 'https://bitmovin-a.akamaihd.net/content/MI201109210084_1/mpds/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.mpd'
  }
  const player = new bitmovin.player.Player(document.getElementById('bitmovin-player'), { 
    ui: false,
    tweaks: { 
      file_protocol: true, 
      app_id: 'APP_ID' 
    }
  })
  bitmovin.playerui.UIFactory.buildDefaultUI(player)
  player.load(source)
</script>

Here’s a a screenshot that shows my mouse pointer