diff --git a/src/pages/Worker/Card/WorkerCalendarFilter.vue b/src/pages/Worker/Card/WorkerCalendarFilter.vue
index 66d5bdf27..abd99ffb5 100644
--- a/src/pages/Worker/Card/WorkerCalendarFilter.vue
+++ b/src/pages/Worker/Card/WorkerCalendarFilter.vue
@@ -199,7 +199,7 @@ const yearList = ref(generateYears());
             </QItemSection>
         </QItem>
     </QList>
-    <QList dense class="list q-gutter-y-sm q-my-lg">
+    <QList dense class="list q-gutter-y-xs q-my-md">
         <QItem v-for="type in absenceTypeList" :key="type.id">
             <WorkerEventLabel
                 :color="type.rgb"
@@ -211,7 +211,7 @@ const yearList = ref(generateYears());
         </QItem>
     </QList>
     <QSeparator />
-    <QList dense class="list q-my-lg no-pointer-events">
+    <QList dense class="list q-my-md no-pointer-events">
         <QItem>
             <WorkerEventLabel avatar-class="worker-calendar-festive">
                 {{ t('Festive') }}
@@ -239,7 +239,6 @@ en:
     usedDays: Used {holidaysEnjoyed} of {totalHolidays} days
     paidHolidays: Paid holidays {payedHolidays} days
 
-
 es:
     Paid holidays: Vacaciones pagadas
     Year: Año
diff --git a/src/pages/Worker/Card/WorkerEventLabel.vue b/src/pages/Worker/Card/WorkerEventLabel.vue
index cf16090ef..b75fea890 100644
--- a/src/pages/Worker/Card/WorkerEventLabel.vue
+++ b/src/pages/Worker/Card/WorkerEventLabel.vue
@@ -18,7 +18,7 @@ defineEmits(['update:selected']);
 
 <template>
     <QChip
-        class="text-white"
+        class="text-white q-ma-none"
         :selected="selected"
         :style="{ backgroundColor: selected ? color : 'black' }"
         @update:selected="$emit('update:selected', $event)"