Dynamic Dropdown Form: height messed up

The height of my dynamic dropdown box is messed up. This has happened automatically without me making any changes. It has affected all the forms where I have used that widget.

What's the fix? or is it a bug?

We would like to apologize for any inconvenience. But from the looks of it, it seems that there is an update with the height of the drop-down in the Dynamic Dropdown widget. I created a new form and the widget shows the same as in your screenshot.

Perhaps we can inject CSS codes to the widget's custom CSS tab to reduce the height of the drop-down.

Please give me some time, I'll try to work on a solution for your concern.

Below are the codes that you need to inject to the widget — How-to-Inject-CSS-Codes-to-Widgets

.select2-selection__rendered {

    height: 16px !important;

    padding: 2px !important;

    line-height: 0px !important;

    display: inline !important;

    font-size: 12px;

}

input.select2-search__field {

    height: 22px !important;

    padding: 2px !important;

}

The CSS codes above should also work with your other forms. Otherwise, please feel free to let us know.