diff --git a/src/components/CalendarDay.vue b/src/components/CalendarDay.vue
index 4682099..772d0e6 100644
--- a/src/components/CalendarDay.vue
+++ b/src/components/CalendarDay.vue
@@ -48,11 +48,12 @@ const formattedDate = computed(() => {
     :style="props.dragging ? 'touch-action:none;' : 'touch-action:pan-y;'"
     :class="[props.day.monthClass, { today: props.day.isToday, weekend: props.day.isWeekend, firstday: props.day.isFirstDay, selected: props.day.isSelected, holiday: props.day.isHoliday }]"
     :data-date="props.day.date"
+    :title="props.day.holiday?.name"
   >
     <span class="compact-date">{{ formattedDate }}</span>
     <h1 class="day-number">{{ props.day.displayText }}</h1>
     <span v-if="props.day.lunarPhase" class="lunar-phase">{{ props.day.lunarPhase }}</span>
-    <div v-if="props.day.holiday" class="holiday-info" dir="auto" :title="props.day.holiday.name">
+    <div v-if="props.day.holiday" class="holiday-info" dir="auto">
       {{ props.day.holiday.name }}
     </div>
   </div>