diff --git a/packages/core/theme/src/components/date-picker.ts b/packages/core/theme/src/components/date-picker.ts
index 32566786a3..bd00949cb5 100644
--- a/packages/core/theme/src/components/date-picker.ts
+++ b/packages/core/theme/src/components/date-picker.ts
@@ -23,6 +23,7 @@ const datePicker = tv({
     hasMultipleMonths: {
       true: {
         calendar: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
+        calendarContent: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
       },
       false: {},
     },