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

**URL:** <https://community.bitmovin.com/t/setting-a-transform-scale-is-css-breaks-position-of-web-player-scrubber/2605>\
**Category:** Support\
**Tags:** web, player\
**Created:** [January 31, 2024, 12:30am UTC](https://community.bitmovin.com/t/setting-a-transform-scale-is-css-breaks-position-of-web-player-scrubber/2605 "2024-01-31T00:30:44Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![imann](https://avatars.discourse-cdn.com/v4/letter/i/c5a1d2/32.png) [@imann](https://community.bitmovin.com/u/imann)\
**Post date:** [January 31, 2024, 12:30am UTC](https://community.bitmovin.com/t/setting-a-transform-scale-is-css-breaks-position-of-web-player-scrubber/2605/1 "2024-01-31T00:30:44Z")

</div>

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.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/bitmovin/original/1X/5fc6efa118c69928c2e1d0cd7c3ffb57ebc43aea.jpeg)

```html
<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>

```

---

<div class="post-metadata">

**Author:** ![imann](https://avatars.discourse-cdn.com/v4/letter/i/c5a1d2/32.png) [@imann](https://community.bitmovin.com/u/imann)\
**Post date:** [January 31, 2024, 1:32am UTC](https://community.bitmovin.com/t/setting-a-transform-scale-is-css-breaks-position-of-web-player-scrubber/2605/2 "2024-01-31T01:32:29Z")

</div>

Here’s a a screenshot that shows my mouse pointer

 ![image](https://us1.discourse-cdn.com/flex015/uploads/bitmovin/original/1X/73fcb4a6387c973bddee00fcd30032797cb2a593.jpeg)