# How to make the scroll bar smaller?

**URL:** <https://forum.inductiveautomation.com/t/how-to-make-the-scroll-bar-smaller/62628>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [August 3, 2022, 2:01pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-scroll-bar-smaller/62628 "2022-08-03T14:01:53Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![William\_R](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/william_r/32/32710_2.png) [@William\_R](https://forum.inductiveautomation.com/u/William_R)\
**Post date:** [August 3, 2022, 2:01pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-scroll-bar-smaller/62628/1 "2022-08-03T14:01:53Z")

</div>

Hey Everyone,

How do you make the scroll bar smaller? Currently, I am using a template repeater, though I have seen this issue with other components. When I look at the scroll bar in developer, it is normal size. However, when I open the project, it blows up to an abnormal size. Does anyone know how to fix this?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/c/bcff5086f0b38169fcbb37b26e8a52e33ee7e1c2.png)

Thanks,  
William

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [August 3, 2022, 2:07pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-scroll-bar-smaller/62628/2 "2022-08-03T14:07:59Z")

</div>

this is vision im guessing?

will be something similar like this then, find the panel and apply some new style to it

> [@Remove scrollbar from a popup window (Vision)](https://forum.inductiveautomation.com/t/remove-scrollbar-from-a-popup-window-vision/30427/15):
>
> SOLVED!!

---

<div class="post-metadata">

**Author:** ![William\_R](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/william_r/32/32710_2.png) [@William\_R](https://forum.inductiveautomation.com/u/William_R)\
**Post date:** [August 3, 2022, 2:11pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-scroll-bar-smaller/62628/3 "2022-08-03T14:11:01Z")

</div>

@victordcq Yes, vision. Sorry I didn’t put that in the original post. Thanks for the solution, I will try that out.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [August 3, 2022, 2:12pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-scroll-bar-smaller/62628/4 "2022-08-03T14:12:48Z")

</div>

no idea why it appears bigger though, might be worth finding that out first xd

---

<div class="post-metadata">

**Author:** ![William\_R](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/william_r/32/32710_2.png) [@William\_R](https://forum.inductiveautomation.com/u/William_R)\
**Post date:** [August 3, 2022, 3:00pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-scroll-bar-smaller/62628/5 "2022-08-03T15:00:48Z")

</div>

So I can’t even try your script because I don’t know what to attached the script to…as I don’t have any event handlers like in your example. No idea why it gets bigger, because its normal size inside developer. I will continue looking for an answer. Here it is normal size inside developer:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/8/b8735b8678c6fa0a78f7f1d3b73cf8c1d99d4ef8.png)

---

<div class="post-metadata">

**Author:** ![William\_R](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/william_r/32/32710_2.png) [@William\_R](https://forum.inductiveautomation.com/u/William_R)\
**Post date:** [August 3, 2022, 3:21pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-scroll-bar-smaller/62628/6 "2022-08-03T15:21:32Z")

</div>

Not sure why developer displays a different setting than the client… but I found the fix! You have to edit scrollbar width under project properties:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/d/8d5a388e31d6bbdc09dfa9ac6db51261989804b1.png)
