Dropdown Properties - arrows are encroaching on subtext

How do I fix the arrow 'box' so it is shallower and not encroaching on the subtext below?

To fix the issue, please inject the CSS codes below to your form.

li[data-type="control_dropdown"] > div.form-input:before, li[data-type="control_dropdown"] > div.form-input-wide:before, li[data-type="control_time"] div .form-sub-label-container:before {

    bottom: initial !important;

    right: initial !important;

    height: 14px !important;

    left: 130px !important;

}

li[data-type="control_dropdown"] > div.form-input:after, li[data-type="control_dropdown"] > div.form-input-wide:after, li[data-type="control_time"] div .form-sub-label-container:after {

    top: 14% !important;

    right: initial !important;

    left: 135px !important;

}

If you have other questions or concerns, please do not hesitate to let us know.

Fantastic! Thank you Mike.