Issue Summary

When using team calendars with specific environments, after adding a couple of events, including some that will have extended date ranges, those will start overlapping each other, impacting the visibility and access to them.

Steps to Reproduce

1. Add the Team Calendars macro to a page and select a calendar.
2. Make sure to add a couple of events to this calendar, including events that will have an extended date.
3. In specific environments (I.E. RDP connections, VMs, Windows), access it with a window that is not maximized (these might happen with maximized windows as well)

The issue can be also triggered by creating a new event in the calendar with a couple of events already added.

Expected Results

The events should be properly displayed within the calendar.

Actual Results

The events are overlapping, like the example below:

Additional notes

This has been reproduced with environments and variables such as:

• Not using a maximized window in the browser.
• Connected via a VM/RDP (I.E. Windows 10, Windows Server 2019, Linux).
• With specific OS configurations that would impact even without using a VM.

Workaround

Different workarounds can help, depending on the environment/configuration. However, as soon as the page is refreshed, the issue should be back:

• Drag and drop the browser window to change its size and put it back.
• Maximize the browser's window size.
• Collapse the sidebar and put it back to its normal size.