.html-widget .leaflet-control.leaflet-timeline-control {
  /* 250px seems to be smallest without jumping width */
  width: 250px;
}

.html-widget .leaflet-control.leaflet-timeline-control .sldr-ctrl-container {
  width: 48%;
  display: inline-block;
}

.html-widget .leaflet-control.leaflet-timeline-control input[type=range] {
  width: 45%;
}

/* for IE turn off tooltip over slider */
input[type=range]::-ms-tooltip {
    display: none;
}

/* fix issue in flexdashboard where pause is block*/
.html-widget .leaflet-control.leaflet-timeline-control .button-container button.pause:before{width:4px;height:14px;border:4px solid #000;border-width:0 0 0 10px;border-style:double;margin-top:-7px;margin-left:-6px;background:transparent}