Event Calendar Timeline Invalid Date

I’m using the Eventcalendar component to display a timeline of a list of events. But the invalid date configuration seems to be in the wrong place.

The following code snippet:

<Eventcalendar
    view={{
      timeline: {
        type: "day",
        size: 60,
        eventList: true,
      },
    }}
    invalidateEvent="strict"
    invalid={[
      {
        recurring: {
          repeat: "weekly",
          weekDays: "SA,SU",
        },
      },
    ]}
/>

I figured out the problem in case I override the font size of “.mbsc-font” class from 16px to 14px. So is there any way to override the font size for the entire application?

Hi! What do you exactly mean by “override the font size for the entire application”? Thanks