# Increasing the Dropdown list options width

**URL:** <https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618>\
**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:** 1\
**Showing post:** 8

<div class="post-metadata">

**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")

</div>

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

---

_[View the full topic](https://forum.inductiveautomation.com/t/increasing-the-dropdown-list-options-width/74618)._