Because the text field and the select field were two different heights, i suggest these following CSS changes to these class rules:
.select2-container .select2-selection–single {
min-height: 30px;
/remove the height attribute/
}
.select2-container–default .select2-selection–single .select2-selection__rendered {
line-height: 30px;
}