कैसे ओवरराइड करने के लिए डिफ़ॉल्ट की ऊंचाई लोचदार combobox यूआई

मैं करने के लिए चाहते हैं की ऊंचाई अनुकूलित Task combobox मैच के लिए 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
}

वहाँ किसी भी तरह से शैली के लिए तत्व द्वारा लेखन कस्टम वर्ग या इनलाइन शैली है?