Comment remplacer la valeur par défaut de la hauteur de l'Élastique de l'INTERFACE utilisateur combobox

Je veux personnaliser la hauteur de Task zone de liste déroulante pour correspondre à la Date Picker. Le style n'est pas appliqué lorsqu'elles sont faites par classe ou en ligne.

J'ai essayé inline style de l'élément:

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

Également essayé d'ajouter !important mais d'aucune utilité.
Cependant, je suis en mesure de remplacer le style dans le navigateur manuellement le style euiComboBox classe:

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

Est-il possible de le style de l'élément par la rédaction de la coutume de la classe ou de style en ligne?