Issue Summary

• On mobile (Confluence mobile app or mobile browser), a Team Calendar macro with its Legend set to Right shows the calendar squeezed into a narrow column at the left of the page.
  • Weekday headers and date numbers overlap and can't be read.
  • Events show as thin coloured bars with no visible title.
  • The Legend takes up most of the screen width, and the toolbar items ("Today", "Show all events", "Add event") overlap the Legend.
• The issue doesn't occur when the Legend is set to Bottom.
  • The calendar then uses the full screen width, and the Legend shows below it.

Environment

• Confluence mobile app 5.23.0 on iPhone 15 (iOS 27.0.1)
• Confluence Cloud app 5.24.21 on Android 16
• Chrome mobile browser

Steps to Reproduce

1. Create a Confluence page and add a Team Calendar macro (/team calendars) with one or more calendars.
2. In the macro settings, set the Legend to Right.
3. Publish the page.
4. Open the page on a mobile device, in the Confluence mobile app or a mobile browser.
5. Notice that the calendar is squeezed into a narrow column next to the Legend.

Expected Results

• The calendar grid fits the screen width, and weekday headers, dates and event titles can be read.
• On narrow screens, the Legend moves below the calendar, the same way it shows when set to Bottom.

Actual Results

• The calendar grid shrinks to about a quarter of the screen width, with overlapping headers and dates and no event titles.
• The Legend and toolbar items overlap each other.
  • 
• For comparison, the same calendar with the Legend set to Bottom:
  • 

Workaround

• Edit the Team Calendar macro and set the Legend to Bottom.
• Alternatively, view the page in a desktop browser.