# Scrollbar CSS style not showing correctly on Phaser

**URL:** <https://phaser.discourse.group/t/scrollbar-css-style-not-showing-correctly-on-phaser/9792>\
**Category:** Phaser 3\
**Created:** [June 16, 2021, 4:04pm UTC](https://phaser.discourse.group/t/scrollbar-css-style-not-showing-correctly-on-phaser/9792 "2021-06-16T16:04:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mastertaco](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/mastertaco/32/5290_2.png) [@Mastertaco](https://phaser.discourse.group/u/Mastertaco)\
**Post date:** [June 16, 2021, 4:04pm UTC](https://phaser.discourse.group/t/scrollbar-css-style-not-showing-correctly-on-phaser/9792/1 "2021-06-16T16:04:25Z")

</div>

I am making a scene that contains an HTML div with a lot of text, I have it scrollable and with a certain style in the scrollbar and it shows correctly when I open the file on Chrome:

 ![image](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/e/e61ec549c1ce1975e468058178b65f8c5afcc518.png)

but when I add it on phaser, the scrollbar shows like this:

 ![image](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/2/2cc029e3ae2701cd711720ad29268bb5bd3493bb.png)

I don’t know why in phaser the bar looks so thin.