# Increasing the Dropdown list options width **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [June 6, 2023, 8:46am UTC](https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618 "2023-06-06T08:46:28Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![Shaagun\_S](https://avatars.discourse-cdn.com/v4/letter/s/e274bd/32.png) [@Shaagun\_S](https://forum.inductiveautomation.com/u/Shaagun_S)\ **Post date:** [June 6, 2023, 8:46am UTC](https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618/1 "2023-06-06T08:46:28Z")
Is there a way to increase the perspective dropdown list options width and not the component itself ? or is there any ignition versions where this is allowed ? ---
**Author:** ![Priyanka.Khandge](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/priyanka.khandge/32/35989_2.png) [@Priyanka.Khandge](https://forum.inductiveautomation.com/u/Priyanka.Khandge)\ **Post date:** [June 6, 2023, 9:38am UTC](https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618/2 "2023-06-06T09:38:46Z")
create property under dropdownOptionStyle for width and height. For more info, I have added a screen shot. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/9/49478e0e6090924f4b23447641cdf629c85d872c.png) ---
**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\ **Post date:** [June 6, 2023, 9:52am UTC](https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618/3 "2023-06-06T09:52:01Z")
I'm having no luck with this for the width adjustment; the dropdown stays the same size. If I make the pixels smaller, the text is cut off, but if I make it wider, I get a horizontal scrollbar. Am I missing something? ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/e/7e40c0ff5266790e6ec2be7cfe71bbdde4ff9955.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/2/a2faa6a9e6e227b85dac1caafb7c160294dc303e.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:** [June 6, 2023, 10:11am UTC](https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618/4 "2023-06-06T10:11:02Z")
I played with this a few days ago, the built-in style property was pretty much useless for this. I think you need to target `.ia_dropdown__optionsModal`. And maybe add an `! important` flag. ---
**Author:** ![Shaagun\_S](https://avatars.discourse-cdn.com/v4/letter/s/e274bd/32.png) [@Shaagun\_S](https://forum.inductiveautomation.com/u/Shaagun_S)\ **Post date:** [June 9, 2023, 6:40am UTC](https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618/5 "2023-06-09T06:40:42Z")
I just wanted to increase the dropdown list menu width and not the dropdown component ---
**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:** [June 9, 2023, 7:10am UTC](https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618/6 "2023-06-09T07:10:07Z")
The `dropdownOptionStyle` applies to the text, not the container. That's why you're seeing this. ---
**Author:** ![Daniel\_Patterson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/daniel_patterson/32/85894_2.png) [@Daniel\_Patterson](https://forum.inductiveautomation.com/u/Daniel_Patterson)\ **Post date:** [January 8, 2026, 3:53pm UTC](https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618/7 "2026-01-08T15:53:03Z")
I am looking at doing this as well. I want to recreate a table component with dropdowns in certain cells, so I’m restricted on the width of the component, but this means the options aren’t very legible: current behavior: ![Screenshot from 2026-01-08 10-39-31](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/2/52658ea5f2070c50c56d50e7c670359009b776e9.png) Desired behavior: ![Screenshot from 2026-01-08 10-42-26](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/9/99c99b68de12802b71d4671ac1af964462fd23d6.png) ---
**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\ **Post date:** [January 8, 2026, 4:12pm UTC](https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618/8 "2026-01-08T16:12:09Z")
To apply it to all dropdowns in your project, add this to your `stylesheet.css` ```python .ia_dropdown__optionsModal { width: auto !important; } ``` to apply it to specific dropdowns within your project add this to your `stylesheet.css` ```python .ia_dropdown__optionsModal:has(.psc-Dropdown-AutoSizeOptionsModal) { width: auto !important; } ``` then add `Dropdown-AutoSizeOptionsModal` to `dropdownOptionsStyle.classes` of the dropdown you wish to expand Credit to this post for helping me figure out how to apply it to a specific dropdown and not all dropdowns > [@Color change on a label](https://forum.inductiveautomation.com/t/color-change-on-a-label/79165/24): > > You can not apply css injections inside the properties, this only works in styleclasses. I think this is what you want .psc-smartsheetsdropdowns .ia\_dropdown\_\_valuePill{ background-color:red; } .ia\_dropdown\_\_optionsModal:has(.psc-smartsheetsdropdowns){ background-color:red; } to be put in the stylesheet.css ---
**Author:** ![Daniel\_Patterson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/daniel_patterson/32/85894_2.png) [@Daniel\_Patterson](https://forum.inductiveautomation.com/u/Daniel_Patterson)\ **Post date:** [January 8, 2026, 6:43pm UTC](https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618/9 "2026-01-08T18:43:37Z")
> [@Matthew.gaitan](#): > > ```python > .ia_dropdown__optionsModal:has(.psc-Dropdown-AutoSizeOptionsModal) { > width: auto !important; > } > > ``` If I could mark this post as the solution I would. Thank you very much for your quick response!