How to set bigger space between day items?

Adding datetimepicker 4.17.47 into my jquery 3.4/bootstrap 4.6 project I found very narrow space between day items : https://prnt.sc/1r3r909

Opening bootstrap-datetimepicker.min.css file I found and added next class:

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
  padding: 4px !important; // I added this property
}

After that space between day items became good, but area with time selection is over space between day items : https://prnt.sc/1r3roq6

And without possibility to open this design in browser's console dropdown picker I tried and failed to set more width to days block...

How that can be done ?

Thanks!

I found decision with manually modified classes :

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  padding: 4px !important;
  width: 20px
}


.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  border: 2px dotted red !important;
  min-width: 39em !important;
}

and it helped!