IE11 year dropdown is merged with the arrow down which is next to it

Expected behavior

Actual behavior

Steps to reprodcue

Init DatePicker and launch in IE11. <DatePicker showYearDropdown />

[ashvinramana]

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
	left: 20px;
	top: 6px;
}
.react-datepicker__month-dropdown-container span{
	margin-left: 20px;
}

Add this css in only Internet Explorer css file or Internet Explorer media query.

.react-datepicker__month-dropdown-container span{
	margin-left: 20px;
}

It will add margin between month and year. Try this it work’s for me.

[xmakina]

I’m also seeing this in Chrome after upgrading from 3.* to 4.*