Como substituir a altura padrão de Elastic INTERFACE do usuário de caixa de combinação

Eu quero personalizar a altura de Task caixa de combinação para coincidir com o Date Picker. O estilo não é aplicado quando feito através da classe ou inline.

Eu tentei embutido estilo o elemento como:

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

Também tentei adicionar !important mas de nada adiantou.
No entanto, eu sou capaz de substituir o estilo no navegador manualmente o estilo euiComboBox classe:

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

Existe alguma maneira para estilizar o elemento escrevendo personalizado classe ou estilo inline?