We are using the RSForms component on this page:

https://dianec89.sg-host.com/about-us/contact-us

If the form is submitted without selecting something from the Department field, the attached is what displays. We are using Layla template and below is the style that's being applied. Can this be corrected?

.form-select.is-invalid:not([multiple]):not([size]){
padding-right: 5.5rem;
background-image: url(../images/select-bg.svg), url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23a51f18'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23a51f18' stroke='none'/%3e%3c/svg%3e);
background-position: right 1rem center, center right 3rem;
background-size: 116rem, calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}