diff --git a/js/src/components/Event/EventParticipationCard.vue b/js/src/components/Event/EventParticipationCard.vue
index 47ea7c728..4eff4a026 100644
--- a/js/src/components/Event/EventParticipationCard.vue
+++ b/js/src/components/Event/EventParticipationCard.vue
@@ -3,7 +3,7 @@
     class="bg-white dark:bg-mbz-purple dark:hover:bg-mbz-purple-400 mb-5 mt-4 pb-2 md:p-0 rounded-t-lg"
   >
     <div
-      class="bg-mbz-yellow-alt-100 flex p-2 text-violet-title rounded-t-lg"
+      class="bg-fomo-blue flex p-2 text-violet-title rounded-t-lg"
       dir="auto"
     >
       <figure
diff --git a/js/src/components/Report/ReportCard.vue b/js/src/components/Report/ReportCard.vue
index 3538b2535..c751b4e53 100644
--- a/js/src/components/Report/ReportCard.vue
+++ b/js/src/components/Report/ReportCard.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="bg-mbz-yellow-alt-50 hover:bg-mbz-yellow-alt-100 dark:bg-zinc-700 hover:dark:bg-zinc-600 rounded"
+    class="bg-mbz-yellow-alt-50 hover:bg-fomo-blue dark:bg-zinc-700 hover:dark:bg-zinc-600 rounded"
     v-if="report"
   >
     <div class="flex justify-between gap-1 border-b p-2">
diff --git a/js/src/components/Settings/SettingMenuItem.vue b/js/src/components/Settings/SettingMenuItem.vue
index a52570001..fd77cbbaf 100644
--- a/js/src/components/Settings/SettingMenuItem.vue
+++ b/js/src/components/Settings/SettingMenuItem.vue
@@ -3,7 +3,7 @@
     class="setting-menu-item"
     :class="{
       'cursor-pointer bg-mbz-yellow-alt-500 dark:bg-mbz-purple-500': isActive,
-      'bg-mbz-yellow-alt-100 hover:bg-mbz-yellow-alt-200 dark:bg-mbz-purple-300 dark:hover:bg-mbz-purple-400 dark:text-white':
+      'bg-fomo-blue hover:bg-mbz-yellow-alt-200 dark:bg-mbz-purple-300 dark:hover:bg-mbz-purple-400 dark:text-white':
         !isActive,
     }"
   >
diff --git a/js/src/views/Moderation/LogsView.vue b/js/src/views/Moderation/LogsView.vue
index 2e5c0d425..8ec7d5a87 100644
--- a/js/src/views/Moderation/LogsView.vue
+++ b/js/src/views/Moderation/LogsView.vue
@@ -17,7 +17,7 @@
         <li
           v-for="log in actionLogs.elements"
           :key="log.id"
-          class="bg-mbz-yellow-alt-50 hover:bg-mbz-yellow-alt-100 dark:bg-zinc-700 hover:dark:bg-zinc-600 rounded p-2 my-1"
+          class="bg-mbz-yellow-alt-50 hover:bg-fomo-blue dark:bg-zinc-700 hover:dark:bg-zinc-600 rounded p-2 my-1"
         >
           <div class="flex gap-1">
             <div class="flex gap-1">