# Dropdown height style

**URL:** <https://forum.inductiveautomation.com/t/dropdown-height-style/70896>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 10, 2023, 10:48am UTC](https://forum.inductiveautomation.com/t/dropdown-height-style/70896 "2023-03-10T10:48:56Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![MAURICIO\_AZAMBUJA](https://avatars.discourse-cdn.com/v4/letter/m/a4c791/32.png) [@MAURICIO\_AZAMBUJA](https://forum.inductiveautomation.com/u/MAURICIO_AZAMBUJA)\
**Post date:** [March 10, 2023, 10:48am UTC](https://forum.inductiveautomation.com/t/dropdown-height-style/70896/1 "2023-03-10T10:48:56Z")

</div>

Hi everyone,

I was using version 8.18 of Ignition and had placed the instruction }.iaDropdownCommon\_options\_modal { max-height: 350px; }{ in the Dropdown style to increase the size of the list.

Today I updated to version 8.25 and it looks like the instruction has changed.

Does anyone know how I should put it?

---

<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:** [March 10, 2023, 12:53pm UTC](https://forum.inductiveautomation.com/t/dropdown-height-style/70896/2 "2023-03-10T12:53:14Z")

</div>

Seems there is an extra style now you can overwrite it here  
`.iaDropdownCommon_options_modal>div:first-child`

btw on the new version you can use the stylesheet.css, than you dont have to do injections into a style.

---

<div class="post-metadata">

**Author:** ![rpavlicek](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rpavlicek/32/55868_2.png) [@rpavlicek](https://forum.inductiveautomation.com/u/rpavlicek)\
**Post date:** [March 30, 2023, 11:54pm UTC](https://forum.inductiveautomation.com/t/dropdown-height-style/70896/3 "2023-03-30T23:54:23Z")

</div>

Could you explain how and where this would be done. I've just upgrade and am needing this. Thanks

---

<div class="post-metadata">

**Author:** ![rpavlicek](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rpavlicek/32/55868_2.png) [@rpavlicek](https://forum.inductiveautomation.com/u/rpavlicek)\
**Post date:** [March 31, 2023, 12:03am UTC](https://forum.inductiveautomation.com/t/dropdown-height-style/70896/4 "2023-03-31T00:03:41Z")

</div>

> [@victordcq](#):
>
> .iaDropdownCommon\_options\_modal\>div:first-child

Nevermind, search the forum and found it here: [Dropdown height - new](https://forum.inductiveautomation.com/t/perspective-dropdown-number-of-items-to-show/69288)

By the way, where does one find this information in the first place without asking?

---

<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:** [March 31, 2023, 7:11am UTC](https://forum.inductiveautomation.com/t/dropdown-height-style/70896/5 "2023-03-31T07:11:00Z")

</div>

you can inspect the perspective element in your (chrome) browser  
using (ctrl+shift+i) and then ctrl+shift+c to hover over an element. You'll then probably have to dig through the html elements a bit further to find the limiting css style, so you know what to edit.

this requires knowledge of html and css

in this case, since the update you can see that the height is fixed to a max of 150 by the style `.iaDropdownCommon_options_modal>div:first-child`

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