# Change scrollbar appearance

**URL:** <https://forum.inductiveautomation.com/t/change-scrollbar-appearance/40050>\
**Category:** Ignition\
**Tags:** perspective, ignition80\
**Created:** [October 27, 2020, 2:30pm UTC](https://forum.inductiveautomation.com/t/change-scrollbar-appearance/40050 "2020-10-27T14:30:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ott.sellis](https://avatars.discourse-cdn.com/v4/letter/o/bbce88/32.png) [@ott.sellis](https://forum.inductiveautomation.com/u/ott.sellis)\
**Post date:** [October 27, 2020, 2:30pm UTC](https://forum.inductiveautomation.com/t/change-scrollbar-appearance/40050/1 "2020-10-27T14:30:41Z")

</div>

Hi,

Does anybody have experience in changing the scrollbar appearance in Perspective. I would like to implement a more present day design and am guessing it goes through the accompanying css files, but just wondering if anybody has some insight on how to do so.

Thank you in advance!

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [October 27, 2020, 3:53pm UTC](https://forum.inductiveautomation.com/t/change-scrollbar-appearance/40050/2 "2020-10-27T15:53:45Z")

</div>

What exactly is not present day about it?

---

<div class="post-metadata">

**Author:** ![ott.sellis](https://avatars.discourse-cdn.com/v4/letter/o/bbce88/32.png) [@ott.sellis](https://forum.inductiveautomation.com/u/ott.sellis)\
**Post date:** [October 28, 2020, 6:28am UTC](https://forum.inductiveautomation.com/t/change-scrollbar-appearance/40050/3 "2020-10-28T06:28:00Z")

</div>

Not present day might have been a wrong choice of words in my part.

Essentially I would like to make the scrollbars narrower and set the color to match my overall theming logic.

---

<div class="post-metadata">

**Author:** ![jpark](https://avatars.discourse-cdn.com/v4/letter/j/a88e57/32.png) [@jpark](https://forum.inductiveautomation.com/u/jpark)\
**Post date:** [October 30, 2020, 3:06pm UTC](https://forum.inductiveautomation.com/t/change-scrollbar-appearance/40050/4 "2020-10-30T15:06:42Z")

</div>

> [@Default Scrollbar CSS Style Change Question](http://forum.inductiveautomation.com/t/default-scrollbar-css-style-change-question/35812/7):
>
> Put the following in your own css. ::-webkit-scrollbar { width: 20px; } /\* Track \*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /\* Handle \*/ ::-webkit-scrollbar-thumb { background: red; border-radius: 10px; } /\* Handle on hover \*/ ::-webkit-scrollbar-thumb:hover { background: #b30000; } [image]