# Modifying a drop Down in perspective to make scroll bar bigger **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [June 5, 2024, 10:28pm UTC](https://forum.inductiveautomation.com/t/modifying-a-drop-down-in-perspective-to-make-scroll-bar-bigger/91447 "2024-06-05T22:28:29Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![Ebrahim\_Karam](https://avatars.discourse-cdn.com/v4/letter/e/df788c/32.png) [@Ebrahim\_Karam](https://forum.inductiveautomation.com/u/Ebrahim_Karam)\ **Post date:** [June 5, 2024, 10:28pm UTC](https://forum.inductiveautomation.com/t/modifying-a-drop-down-in-perspective-to-make-scroll-bar-bigger/91447/1 "2024-06-05T22:28:29Z")
This is for perspective in ignition. I have a drop down as shown below ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/a/eac5f2cb90358a689822d3f8850fd6e938b1312d.png) I want to make the scroll bar wider so it's more touch friendly I also want to make the list options hold more items. I was wondering if there was an an easy way to do it without doing any gateway modifications ---
**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\ **Post date:** [June 5, 2024, 10:50pm UTC](https://forum.inductiveautomation.com/t/modifying-a-drop-down-in-perspective-to-make-scroll-bar-bigger/91447/2 "2024-06-05T22:50:11Z")
I suspect that's an operating system setting - not internal to Perspective. 1. What OS are you using? 2. What client are you using? ---
**Author:** ![Ebrahim\_Karam](https://avatars.discourse-cdn.com/v4/letter/e/df788c/32.png) [@Ebrahim\_Karam](https://forum.inductiveautomation.com/u/Ebrahim_Karam)\ **Post date:** [June 6, 2024, 1:42pm UTC](https://forum.inductiveautomation.com/t/modifying-a-drop-down-in-perspective-to-make-scroll-bar-bigger/91447/3 "2024-06-06T13:42:30Z")
So I'm on Windows 11 The browser is Brave but the snapshot is from the designer itself when I play it ---
**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\ **Post date:** [June 6, 2024, 1:48pm UTC](https://forum.inductiveautomation.com/t/modifying-a-drop-down-in-perspective-to-make-scroll-bar-bigger/91447/4 "2024-06-06T13:48:40Z")
See if this helps: > **[Scroll Bar width](https://community.brave.com/t/scroll-bar-width/442898)** > > Description of the issue: The scroll bar width is painfully too narrow for me. As I age, I am developing tremors and it is very difficult to use the scroll bar in its current form. How can this issue be reproduced? I would think so. It’s the... ---
**Author:** ![Ebrahim\_Karam](https://avatars.discourse-cdn.com/v4/letter/e/df788c/32.png) [@Ebrahim\_Karam](https://forum.inductiveautomation.com/u/Ebrahim_Karam)\ **Post date:** [June 6, 2024, 2:24pm UTC](https://forum.inductiveautomation.com/t/modifying-a-drop-down-in-perspective-to-make-scroll-bar-bigger/91447/5 "2024-06-06T14:24:02Z")
[scrollbar-width - CSS: Cascading Style Sheets | MDN (mozilla.org)](https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width) I was presuming there was a scroller option that could be modified somewhere ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/0/f07926572bfcaf1c649770422cec58095fa7fd31.png) It seems possible in the css ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [June 6, 2024, 3:02pm UTC](https://forum.inductiveautomation.com/t/modifying-a-drop-down-in-perspective-to-make-scroll-bar-bigger/91447/6 "2024-06-06T15:02:10Z")
you can use the advanded stylesheet to add creat class and add ::-webkit-scrollbar behind it to target only the scrollbar of a dropwdown > [@Perspective - Scrollbar](https://forum.inductiveautomation.com/t/perspective-scrollbar/52470/3): > > You have more options with ::-webkit-scrollbar But support is more limited (doesnt really work that well in the designer/app) in chrome it works fine tho > [@Increase Scroll Bar Width in Perspective](https://forum.inductiveautomation.com/t/increase-scroll-bar-width-in-perspective/84566/2): > > scroll bars are usualy handled by the device itself. but using the advanced stylesheet you could try target them with (might not work the same on all devices) ::-webkit-scrollbar { width: 5px; } ---
**Author:** ![Ebrahim\_Karam](https://avatars.discourse-cdn.com/v4/letter/e/df788c/32.png) [@Ebrahim\_Karam](https://forum.inductiveautomation.com/u/Ebrahim_Karam)\ **Post date:** [June 6, 2024, 3:06pm UTC](https://forum.inductiveautomation.com/t/modifying-a-drop-down-in-perspective-to-make-scroll-bar-bigger/91447/7 "2024-06-06T15:06:14Z")
Hey Victor Thanks for sending that. I'm currently required to use **Ignition Platform** `8.1.17 (b2022051210)` I know that feature is only for 8.1.19 if I'm not mistaken I ended up using the trick below and adding the fit-content attribute to max-height [Dropdown Height - Ignition - Inductive Automation Forum](https://forum.inductiveautomation.com/t/dropdown-height/48271/2) > **[max-height - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)** > > The max-height CSS property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height. ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [June 7, 2024, 6:37am UTC](https://forum.inductiveautomation.com/t/modifying-a-drop-down-in-perspective-to-make-scroll-bar-bigger/91447/8 "2024-06-07T06:37:26Z")
you could also inject the scrollbar style into a styleclass just like the max-height in the post you linked