diff --git a/js/src/assets/tailwind.css b/js/src/assets/tailwind.css
index 9d1ebab06..e7e59022a 100644
--- a/js/src/assets/tailwind.css
+++ b/js/src/assets/tailwind.css
@@ -24,7 +24,7 @@
 
 @layer components {
   .mbz-card {
-    @apply block bg-mbz-yellow-alt-300 hover:bg-mbz-yellow-alt-200 text-violet-title dark:text-white dark:hover:text-white rounded-lg dark:border-violet-title shadow-md dark:bg-mbz-purple dark:hover:dark:bg-mbz-purple-400 dark:text-white dark:hover:text-white;
+    @apply block bg-white hover:bg-gray-100 text-violet-title dark:text-white dark:hover:text-white rounded-lg dark:border-violet-title shadow-md dark:bg-mbz-purple dark:hover:dark:bg-mbz-purple-400 dark:text-white dark:hover:text-white;
   }
 }
 
diff --git a/js/src/components/Event/EventCard.vue b/js/src/components/Event/EventCard.vue
index 94828f0b0..7f600a1a2 100644
--- a/js/src/components/Event/EventCard.vue
+++ b/js/src/components/Event/EventCard.vue
@@ -83,7 +83,7 @@
           </h2>
           <div class="">
             <div
-              class="flex items-center text-violet-3 dark:text-white"
+              class="bg-fomo-blue flex items-center text-violet-3 dark:text-white"
               dir="auto"
             >
               <figure class="" v-if="actorAvatarURL">
@@ -101,7 +101,7 @@
                 {{ organizerDisplayName(event) }}
               </span>
             </div>
-            <inline-address
+            <inline-address class="bg-fomo-purple"
               v-if="event.physicalAddress"
               :physical-address="event.physicalAddress"
             />
diff --git a/js/src/components/Local/CloseContent.vue b/js/src/components/Local/CloseContent.vue
index 4001ef863..04ee7a7bf 100644
--- a/js/src/components/Local/CloseContent.vue
+++ b/js/src/components/Local/CloseContent.vue
@@ -110,6 +110,7 @@ const { t } = useI18n({ useScope: "global" });
   grid-column-gap: 20px;
   grid-row-gap: 30px;
   grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+  margin-bottom: 2rem;
   .event-card {
     height: 100%;
     display: flex;
diff --git a/js/src/views/HomeView.vue b/js/src/views/HomeView.vue
index 9b59686a6..5f0671203 100644
--- a/js/src/views/HomeView.vue
+++ b/js/src/views/HomeView.vue
@@ -194,9 +194,9 @@ import { HOME_USER_QUERIES } from "../graphql/home";
 import RouteName from "../router/name";
 import { IEvent } from "../types/event.model";
 // import { IFollowedGroupEvent } from "../types/followedGroupEvent.model";
-import CloseEvents from "@/components/Local/CloseEvents.vue";
-import CloseGroups from "@/components/Local/CloseGroups.vue";
-import LastEvents from "@/components/Local/LastEvents.vue";
+// import CloseEvents from "@/components/Local/CloseEvents.vue";
+// import CloseGroups from "@/components/Local/CloseGroups.vue";
+// import LastEvents from "@/components/Local/LastEvents.vue";
 import UpcomingEvents from "@/components/Local/UpcomingEvents.vue";
 import OnlineEvents from "@/components/Local/OnlineEvents.vue";
 import {
diff --git a/js/tailwind.config.js b/js/tailwind.config.js
index 443e028c5..31696bde1 100644
--- a/js/tailwind.config.js
+++ b/js/tailwind.config.js
@@ -65,7 +65,7 @@ module.exports = {
         "violet-1": "#3a384c",
         "violet-2": "#474467",
         "violet-3": "#3c376e",
-        "yellow-1": "#ffd599",
+        "yellow-1": "#21bef3",
         "yellow-2": "#fff1de",
         "body-background-color": "#efeef4",
         "purple-1": "#757199",
@@ -75,6 +75,8 @@ module.exports = {
         "mbz-danger": "#cd2026",
         "mbz-success": "#0d8758",
         "mbz-warning": "#ffe08a",
+        "fomo-blue": "#21bef3",
+        "fomo-purple": "#9e9ef2",
         // primary: "#272633",
         // secondary: "#ED8D07",
       },