diff --git a/assets/main.css b/assets/main.css
index 4d0d2b1..8f84ab0 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -149,19 +149,19 @@
 }
 
 .event-red.is-hidden {
-  @apply text-red-500 dark:hover:text-slate-900 border-red-500 hover:bg-red-600 dark:text-white
+  @apply text-red-500 hover:text-white dark:hover:text-slate-900 border-red-500 hover:bg-red-600 dark:text-white
 }
 .event-orange.is-hidden {
-  @apply text-orange-500 dark:hover:text-slate-900 border-orange-500 hover:bg-orange-600 dark:text-white
+  @apply text-orange-500 hover:text-white dark:hover:text-slate-900 border-orange-500 hover:bg-orange-600 dark:text-white
 }
 .event-amber.is-hidden {
-  @apply text-amber-500 dark:hover:text-slate-900 border-amber-500 hover:bg-amber-600 dark:text-white
+  @apply text-amber-500 hover:text-white dark:hover:text-slate-900 border-amber-500 hover:bg-amber-600 dark:text-white
 }
 .event-yellow.is-hidden {
-  @apply text-yellow-600 dark:hover:text-slate-900 border-yellow-600 hover:bg-yellow-700 dark:text-white
+  @apply text-yellow-600 hover:text-white dark:hover:text-slate-900 border-yellow-600 hover:bg-yellow-700 dark:text-white
 }
 .event-lime.is-hidden {
-  @apply text-lime-500 dark:hover:text-slate-900 border-lime-500 hover:bg-lime-600 dark:text-white
+  @apply text-lime-500 hover:text-white dark:hover:text-slate-900 border-lime-500 hover:bg-lime-600 dark:text-white
 }
 .event-green.is-hidden {
   @apply text-green-600 hover:text-white border-green-600 hover:bg-green-700 dark:text-white
@@ -203,7 +203,7 @@
   @apply text-stone-700 hover:text-white border-stone-500 hover:bg-stone-700 dark:text-white
 }
 .event-white.is-hidden {
-  @apply text-slate-900 dark:hover:text-slate-900 border-white hover:bg-yellow-200 border-[1px] dark:text-white
+  @apply text-slate-900 dark:hover:text-slate-900 border-neutral-400 hover:bg-yellow-200 dark:text-white
 }
 
 .dark .event-details-red {
diff --git a/components/calendar/search/lists/EventCallout.vue b/components/calendar/search/lists/EventCallout.vue
index 87fb8e4..89315c5 100644
--- a/components/calendar/search/lists/EventCallout.vue
+++ b/components/calendar/search/lists/EventCallout.vue
@@ -21,11 +21,11 @@ const dateDuration = computed<string | null>(() => props.event.endDate ? getRela
 
 <template>
   <button
-    class="relative block w-full text-left py-3 px-4 rounded-sm transition-colors"
+    class="event relative block w-full text-left py-3 px-4 rounded-sm transition-colors"
     :class="cn(
       event.category ? `event-${event.category.color}` : '',
       {
-        'pt-4': event.hidden,
+        'pt-4 is-hidden': event.hidden,
       })"
     @click="$emit('query:date-jump', event.startDate)"
   >
diff --git a/components/calendar/search/lists/SearchList.vue b/components/calendar/search/lists/SearchList.vue
index ab43f09..48011e5 100644
--- a/components/calendar/search/lists/SearchList.vue
+++ b/components/calendar/search/lists/SearchList.vue
@@ -60,7 +60,7 @@ const pagedResults = computed(() => sortedResults.value.slice(props.startAt, pro
 </script>
 
 <template>
-  <ul class="grid gap-4">
+  <ul class="grid gap-4 pl-8 pr-12">
     <li v-for="r in pagedResults" :key="isCalendarEvent(r) ? r.title : r.name">
       <EventCallout v-if="isCalendarEvent(r)" :event="r" @query:date-jump="handleJumpToDate" />