Select2 with incorrect styling

Question

I’m using a Lect2, but its style is coming in a way that wasn’t expected. That way:

• How I make it fit and align with the input-group?

HTML code:

<div class="form-row">
    <label for="cidade">Cidade</label>
    <div class="input-group">
         <select id="cidade" name="cidade" class="form-control input-bairro"></select>
         <span class="input-group-addon" id="basic-addon3"><i class="icofont icofont-plus"></i></span>
   </div>
    <script type="text/javascript">
      $('#cidade').select2({
          dropdownParent: $('#mdCreateBairros'),
      });
    </script>
</div>

Javascript that starts Select2:

$('#cidade').select2({
    dropdownParent: $('#mdCreateRegioes'),
});