Cannot modify row height with CSS due to inline style

I am trying to make the event calendar as compact as possibly, both in row height and column width.

I have tried setting various CSS styles to no avail, because whatever I do, the height gets overridden by a minHeight that is set inline (see image).

I do not know how to control this min height?

I managed to make it more compact by setting resource eventCreation to false

Then modifying the following styles:

.mbsc-timeline-row {
height: 12.5px;

.mbsc-schedule-event {
height: 14px;

.mbsc-timeline-event-background {
margin-top: 4px;

.mbsc-timeline-row-gutter {
height: 2.5px;