diff --git a/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue b/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
index e1a54d77..9aa80f1a 100644
--- a/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
+++ b/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
@@ -19,6 +19,7 @@ import {
   RangeCalendarCellTrigger,
   RangeCalendarGrid,
   RangeCalendarGridBody,
+  RangeCalendarGridHead,
   RangeCalendarGridRow,
   RangeCalendarHeadCell,
 } from '@/lib/registry/default/ui/range-calendar'
@@ -181,6 +182,7 @@ watch(secondMonthPlaceholder, (_secondMonthPlaceholder) => {
                   <RangeCalendarHeadCell
                     v-for="day in weekDays"
                     :key="day"
+                    class="w-full"
                   >
                     {{ day }}
                   </RangeCalendarHeadCell>
@@ -249,6 +251,7 @@ watch(secondMonthPlaceholder, (_secondMonthPlaceholder) => {
                   <RangeCalendarHeadCell
                     v-for="day in weekDays"
                     :key="day"
+                    class="w-full"
                   >
                     {{ day }}
                   </RangeCalendarHeadCell>
diff --git a/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue b/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
index ceebaa22..ee5c408f 100644
--- a/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
+++ b/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
@@ -19,6 +19,7 @@ import {
   RangeCalendarCellTrigger,
   RangeCalendarGrid,
   RangeCalendarGridBody,
+  RangeCalendarGridHead,
   RangeCalendarGridRow,
   RangeCalendarHeadCell,
 } from '@/lib/registry/new-york/ui/range-calendar'
@@ -179,6 +180,7 @@ watch(secondMonthPlaceholder, (_secondMonthPlaceholder) => {
                   <RangeCalendarHeadCell
                     v-for="day in weekDays"
                     :key="day"
+                    class="w-full"
                   >
                     {{ day }}
                   </RangeCalendarHeadCell>
@@ -245,6 +247,7 @@ watch(secondMonthPlaceholder, (_secondMonthPlaceholder) => {
                   <RangeCalendarHeadCell
                     v-for="day in weekDays"
                     :key="day"
+                    class="w-full"
                   >
                     {{ day }}
                   </RangeCalendarHeadCell>