Remove Second Dropdown Menu Arrow

I discovered recently that when making a form, if I had a dropdown menu input and I allowed the user to add new options to select, a second arrow would appear below the first one:

double_arrows

After wrestling around with CSS for a bit, I figured out how to hide that arrow. Thought I would share just in case anyone else was having this issue and didn’t want to spend the time figuring it out! You can copy and paste this CSS and just replace the field number.

#kn-input-field_123 > div::after{
    content: none;
}
4 Likes