Calendar Component in preview has capped width. Calendar Component code does not cap width.

[i0000010]

What component (if applicable)

• URL for category: calendars
• Component name: Small with meetings

Describe the bug The width of the calendar rendered in the preview of the component is capped at 464px, however the component rendered in my browser does not have a capped width after copying the code in tailwind. I am using React.

To Reproduce Steps to reproduce the behavior:

1. Start a new react application following the instructions for the vitamin starter template
2. Copy the code for the "Small with meetings" calendar component into a new page in this react, app.
3. Navigate to the page the renders the calendar component.
4. Adjust the width of the page and see that the calendar component fills the available space, and the width is not capped.

Expected behavior The calendar component width should be capped, and not fill the entire screen

Screenshots Preview (Desired behavior)

Rendered (Unexpected behavior)

Browser/Device (if applicable)

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Additional context I am using the vitamin starter template for React and vite.