如何复盖默认的高度的弹性UI组合框

我需要定制的高度 Task 组合框到匹配的 Date Picker. 风格不是获得适用时做过类或内联。

我已经试过内联型的元素如：

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

也想加入 !important 但是没有用的。
但是我能够替代风格在浏览器通过手动设置 euiComboBox 级：

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

是否有任何方式风格的元素通过编写定义类或内联的风格？