Twitter's Bootstrap 4 - ComboBox Изменение высоты строки элементов

Question

Мне нужен стиль со списком, основанный на Bootstrap в Twitter, поэтому я использую bootstrap-combobox.js v1.1.8 и bootstrap.min.js Ver. 4.

У меня проблемы с изменением line-height элементов внутри комбинированного списка, созданного Bootstrap DropDown - они слишком большие (я не знаю, можно ли это сделать в Click Event или в других местах).

У меня есть страница с тегом SELECT:

<select class="combobox input-large form-control" name="normal" id="MyCity">
      <option></option>
</select>

Этот тег заполняется через JSON и преобразуется в комбинированный список с помощью:

$('.combobox').combobox();

Теперь, когда я нажимаю на стрелку, открывается поле со списком, и я могу выбирать элементы.

С открытым выпадающим списком линия слишком велика; оно должно быть меньше.

HTML-код, создаваемый при развертывании (с использованием стрелки):

<li data-value="XXX" class="">
   <a href="#" class="dropdown-item">
   <strong></strong>A<strong></strong>N<strong></strong>X
   </a>
</li>

Учитывая, что я не могу найти class = "dropdown-item" в css, с Firefox Inspector я вижу, что <a href="#" class="dropdown-item"> стилизован под следующие атрибуты:

.dropdown-menu > li > a {
    ...
    line-height: 1.42857143;
    ...

Теперь я могу изменить это значение с помощью jquery или других методов (без изменения значений в bootstrap.css), но проблема в том, что элементы отображаются только при нажатии на тег <span class="caret">.

Я предполагаю, что изменение должно быть сделано в событии щелчка или после него.

Заранее спасибо за ваше время.