Cum pentru a trece peste implicit înălțimea de Elastic UI combobox

Vreau să personalizați înălțimea de Task combobox pentru a se potrivi Date Picker. Stilul nu se aplică atunci când realizează prin clasa sau inline.

Am încercat inline styling elementului ca:

 <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>

De asemenea, a încercat adăugarea !important dar de nici un folos.
Cu toate acestea eu sunt în măsură să suprascrie stilul în browser-ul manual de styling euiComboBox clasa:

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

Există vreo modalitate de a stil elementul de scris personalizate de clasă sau de stil inline?