# How to change the scrollbar style in a XYChart component **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [April 8, 2024, 2:35am UTC](https://forum.inductiveautomation.com/t/how-to-change-the-scrollbar-style-in-a-xychart-component/88488 "2024-04-08T02:35:30Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![Angelica\_Aguilar](https://avatars.discourse-cdn.com/v4/letter/a/8e7dd6/32.png) [@Angelica\_Aguilar](https://forum.inductiveautomation.com/u/Angelica_Aguilar)\ **Post date:** [April 8, 2024, 2:35am UTC](https://forum.inductiveautomation.com/t/how-to-change-the-scrollbar-style-in-a-xychart-component/88488/1 "2024-04-08T02:35:30Z")
Hello ! I'm working with the XYChart component and I would like to use the horizontal scrollbar but it is possible to make it smaller or change the color ? I want to make some styles changes, but don't know how.... I appreciate the help. 🙌 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/2/528b1d90da21db506b3bb8c662d7d7a0758f90ed.png) ---
**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\ **Post date:** [April 8, 2024, 10:15am UTC](https://forum.inductiveautomation.com/t/how-to-change-the-scrollbar-style-in-a-xychart-component/88488/2 "2024-04-08T10:15:00Z")
You'll need to use the advanced stylesheet. Start with this: > **[CSS scrollbars styling - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scrollbars_styling)** > > The CSS scrollbars styling module defines properties that you can use for visual styling of scrollbars. You can customize the width of the scrollbar as required. You can also customize the color of the scrollbar track, which is the background of the...