Cómo reemplazar el valor predeterminado de la altura de la goma de interfaz de usuario combobox

Quiero personalizar la altura de Task combobox para que coincida con el Date Picker. El estilo no se aplica cuando se hace a través de la clase o en línea.

He intentado en línea de estilo del 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>

También intentó agregar !important pero de no uso.
Sin embargo soy capaz de anular el estilo en el navegador manualmente por el estilo euiComboBox clase:

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

Hay alguna forma de estilo al elemento de la escritura de clases personalizadas o en la línea de estilo?