Come ignorare l'impostazione predefinita altezza dell'Elastico UI combobox

Voglio personalizzare l'altezza di Task combobox per abbinare il Date Picker. Lo stile non è sempre applicato quando fatto in classe o in linea.

Ho provato inline styling, l'elemento:

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

Anche provato ad aggiungere !important ma non serve.
Comunque io sono in grado di modificare lo stile del browser manualmente styling euiComboBox classe:

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

C'è un modo per stile l'elemento di scrittura personalizzato di classe o di stile in linea?