diff --git a/assets/main.css b/assets/main.css
index 7e34d70..d457ff6 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -133,7 +133,7 @@
   @apply text-white bg-stone-500 hover:bg-stone-700
 }
 .event-white {
-  @apply text-slate-900 bg-white hover:bg-yellow-200
+  @apply text-slate-900 bg-white hover:bg-yellow-200 border-[1px] border-slate-300
 }
 
 .dark .event-details-red {
diff --git a/components/calendar/CalendarEventDetails.vue b/components/calendar/CalendarEventDetails.vue
index f92f0eb..c09d045 100644
--- a/components/calendar/CalendarEventDetails.vue
+++ b/components/calendar/CalendarEventDetails.vue
@@ -156,7 +156,7 @@ function deployDeleteModal() {
     </menu>
 
     <nav v-if="event.startDate && event.endDate" class="mt-2 flex gap-2">
-      <UiBadge class="hover:opacity-100 hover:bg-indigo-400 dark:hover:bg-slate-300" as-child>
+      <UiBadge class="hover:bg-indigo-400 dark:hover:bg-slate-300" as-child>
         <button
           class="flex gap-1"
           title="Naviguer au début"
@@ -165,7 +165,7 @@ function deployDeleteModal() {
           <PhHourglassHigh size="16" weight="fill" /> Début
         </button>
       </UiBadge>
-      <UiBadge class="hover:opacity-100 hover:bg-indigo-400 dark:hover:bg-slate-300" as-child title="Naviguer à la fin">
+      <UiBadge class="hover:bg-indigo-400 dark:hover:bg-slate-300" as-child title="Naviguer à la fin">
         <button
           class="flex gap-1"
           title="Naviguer à la fin"
@@ -179,7 +179,7 @@ function deployDeleteModal() {
     <UiTooltipProvider v-if="event.hidden" :delay-duration="250">
       <UiTooltip>
         <UiTooltipTrigger as-child>
-          <UiBadge class="absolute -top-2 right-2 flex gap-1 hover:bg-slate-300 hover:opacity-100">
+          <UiBadge class="absolute -top-2 right-2 flex gap-1">
             <PhEye size="16" weight="fill" /> Évènement privé
           </UiBadge>
         </UiTooltipTrigger>
diff --git a/components/calendar/search/lists/EventCallout.vue b/components/calendar/search/lists/EventCallout.vue
index 10bc020..9c7e6cb 100644
--- a/components/calendar/search/lists/EventCallout.vue
+++ b/components/calendar/search/lists/EventCallout.vue
@@ -61,7 +61,7 @@ const dateDuration: string | null = props.event.endDate
         <UiTooltipProvider :delay-duration="250">
           <UiTooltip>
             <UiTooltipTrigger as-child>
-              <UiBadge class="flex gap-1 border-[1px] border-slate-900 hover:bg-slate-300 hover:opacity-100">
+              <UiBadge class="flex gap-1">
                 <PhEye size="16" weight="fill" /> Évènement privé
               </UiBadge>
             </UiTooltipTrigger>
@@ -92,13 +92,13 @@ const dateDuration: string | null = props.event.endDate
     <div v-if="event.category || event.secondaryCategories" class="absolute top-3 right-4">
       <ul class="flex gap-1">
         <li v-if="event.category">
-          <UiBadge class="mix-blend-luminosity font-bold bg-gray-600 lowercase" variant="secondary">
+          <UiBadge class="mix-blend-luminosity font-bold bg-gray-300 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-600 lowercase" variant="secondary">
             {{ event.category?.name }}
           </UiBadge>
         </li>
 
         <li v-for="cat in event.secondaryCategories" :key="cat.id">
-          <UiBadge class="mix-blend-luminosity bg-gray-600 lowercase" variant="secondary">
+          <UiBadge class="mix-blend-luminosity bg-gray-300 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-600 lowercase" variant="secondary">
             {{ cat.name }}
           </UiBadge>
         </li>