✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
⚡️ Concerned about the grid? Kyle Baranko teaches how to predicting peak loads using XGBoost. Register for the August webinar!

How to adjust the padding of dash datepicker to match the style of Dropdown?

I would like the Datepicker and the Dropdown to have the same height. How do I edit the CSS to match the style?. After I inspected the page, I found the class that I need to update, but the changes are not reflected in the page.

my CSS file in the assets folder:
.DateInput_input {
padding-top:0px;
}

my dash code:

dcc.DatePickerRange(
id=‘my-date-picker-range’,className=‘DateInput_input’,
min_date_allowed=dt(1995, 8, 5),
max_date_allowed=dt(2017, 9, 19),
initial_visible_month=dt(2017, 8, 5),
end_date=dt(2017, 8, 25).date())

I have the same exact question