Jak zastąpić wysokość rozwijanej listy elastycznego interfejsu użytkownika domyślnie

Chcę dostosować wysokość Task kombinowany zestaw, odpowiedni Date Picker. Styl nie stosuje się, gdy odbywa się za pomocą klasy lub wbudowanego.

Próbowałem wbudowaną stylizacji elementu jak:

 <EuiFormRow className={FilterStyles.taskFilerContainer}>
        <EuiComboBox
          fullWidth={true}
          placeholder="Task"
          options={tasks}
          selectedOptions={selectedOption}
          onChange={(v) => handleChange(v)}
          isClearable={true}
          compressed={false}
          rowHeight={60}
          style={{ height: "40px" }}   <----- Here
          className="task"
        />
      </EuiFormRow>

Również próbowałem dodać !important ale nie ma sensu.
Jednak mogę zastąpić styl w przeglądarce, ręcznie zmieniając styl euiComboBox klasa:

.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
    padding-right: 58.125px;
    height: 40px; <-- Here
}

Czy jest jakiś sposób stylizować element, pisząc klasę lub wbudowany styl?