I want to make the height of the cell that display start date -> end date smaller...

https://www.npmjs.com/package/react-dates

[![enter image description here][1]][1]

I am doing this way

<div className= {styles.pick}>
      <DateRangePicker
        startDate={startDate}
        startDateId="start-date"
        endDate={endDate}
        endDateId="end-date"
        onDatesChange={({ startDate, endDate }) => {
          setStartDate(startDate);
          setEndDate(endDate);
        }}
        focusedInput={focusedInput}
        onFocusChange={(focusedInput) => setFocusedInput(focusedInput)}
      />
      </div>

In .css file

.pick{
   height : 20px
}

It does not make any change in the height...Is there any way to do it? [1]: https://i.stack.imgur.com/luRIx.png