diff --git a/resources/js/components/admin/hr/attendances/AttendanceCalendar.vue b/resources/js/components/admin/hr/attendances/AttendanceCalendar.vue
index 2800ef4..fc9b806 100644
--- a/resources/js/components/admin/hr/attendances/AttendanceCalendar.vue
+++ b/resources/js/components/admin/hr/attendances/AttendanceCalendar.vue
@@ -370,6 +370,13 @@ watch(
     padding: 0.5rem 0.75rem;
 }
 
+.attendance-calendar .fc .fc-popover-body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+    padding: 0.5rem 0.75rem;
+}
+
 .attendance-calendar .fc .attendance-event {
     border: 0;
     border-radius: calc(var(--radius) - 4px);