UIKit: несколько выпадающих списков в модальном не отображаются должным образом

#html #jquery #uikit

#HTML #jquery #uikit

Вопрос:

я поместил этот html в модальный, который показывает 4 выпадающих списка (выбрать)

 <div class="uk-width-medium-1-1">
   <div class="uk-form-row">                            
      <div class="parsley-row">
         <label for="CmbInk1" class="">Colore 1<span class="req">*</span></label>
         <input id="CmbInk1" type="text" class="md-input label-fixed " required>
      </div>
   </div>
</div>
  

[…..]

 <div class="uk-width-medium-1-1">
   <div class="uk-form-row">                            
      <div class="parsley-row">
         <label for="CmbInk4" class="">Colore 4<span class="req">*</span></label>
         <input id="CmbInk4" type="text" class="md-input label-fixed " required>
      </div>
   </div>
</div>
  

Я вижу ситуацию
выпадающий список не выровнен по вертикали
(не выровнено должным образом)
но если я изменю размер страницы (например) Я вижу все выпадающие списки нормально (например, так) выпадающий список теперь выровнен по вертикали
есть предложения по исправлению?
PS Я заполняю все поля из jquery, а также вызываю Modal из jquery.
Большое спасибо