diff --git a/Web/src/views/calendarV2/modules/Calendar.vue b/Web/src/views/calendarV2/modules/Calendar.vue
index 4dc8baf..6e75be5 100644
--- a/Web/src/views/calendarV2/modules/Calendar.vue
+++ b/Web/src/views/calendarV2/modules/Calendar.vue
@@ -74,9 +74,12 @@
     >
       <div
         class="holiday-tooltip-wrapper"
-        @click.stop
+        @click="closeHolidayTooltip"
       >
-        <div class="holiday-tooltip">
+        <div
+          class="holiday-tooltip"
+          @click.stop
+        >
           <div class="tooltip-title">
             {{ currentHolidayName }}
           </div>
@@ -616,7 +619,7 @@ const onTouchEnd = () => {
 }
 
 .holiday-tooltip {
-  background: white;
+  background: var(--bg-primary);
   border-radius: 12px;
   padding: 24px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);