The carrot uses a negative margin to set its placement, but relative to the div container and not the actual select dropdown. Either make it a pseudo element of the <select> or if there are issues with that, align relative to something else..,
I was being dumb. Need to wrap the <div class="select"> in a <div class="form-item"> div and insert the label as a child of the <div class="form-item"> not as a child of the <div class="select">