diff --git a/src/components/button/HalfDayButtons.vue b/src/components/button/HalfDayButtons.vue
index 90d48e8..736a8d4 100644
--- a/src/components/button/HalfDayButtons.vue
+++ b/src/components/button/HalfDayButtons.vue
@@ -6,7 +6,7 @@
                 <button class="vac-btn vac-btn-warning rounded-circle d-flex align-items-center justify-content-center"
                     :class="{ active: halfDayType === 'AM' }"
                     @click="toggleHalfDay('AM')">
-                    <i class="bi bi-sun"></i>
+                    <i class="bi bi-sun d-flex"></i>
                 </button>
             </div>
         </div>
@@ -16,7 +16,7 @@
                 <button class="vac-btn vac-btn-info rounded-circle d-flex align-items-center justify-content-center"
                     :class="{ active: halfDayType === 'PM' }"
                     @click="toggleHalfDay('PM')">
-                    <i class="bi bi-moon"></i>
+                    <i class="bi bi-moon d-flex"></i>
                 </button>
             </div>
         </div>
@@ -26,7 +26,7 @@
                 <button class="vac-btn vac-btn-primary rounded-circle d-flex align-items-center justify-content-center"
                     :class="{ active: halfDayType === 'FULL' }"
                     @click="toggleHalfDay('FULL')">
-                    <i class="bi bi-calendar"></i>
+                    <i class="bi bi-calendar d-flex"></i>
                 </button>
             </div>
         </div>