diff --git a/src/lib/components/BlogOverview.svelte b/src/lib/components/BlogOverview.svelte
index 0dcd520..8fe7868 100644
--- a/src/lib/components/BlogOverview.svelte
+++ b/src/lib/components/BlogOverview.svelte
@@ -2,6 +2,7 @@
   import Icon from "@iconify/svelte";
   import "$lib/iconify-offline";
   import PostCard from "./PostCard.svelte";
+  import EventBadges from "./EventBadges.svelte";
   import Tag from "./Tag.svelte";
   import Pagination from "./Pagination.svelte";
   import type { PostEntry } from "$lib/cms";
@@ -97,13 +98,6 @@
     return norm ? `/post/${encodeURIComponent(norm)}` : "/post";
   }
 
-  function formatEventDate(iso: string | null | undefined): string {
-    if (!iso) return "";
-    const d = new Date(iso);
-    if (Number.isNaN(d.getTime())) return "";
-    return d.toLocaleDateString("de-DE", { day: "2-digit", month: "long", year: "numeric" });
-  }
-
   function t(key: string, replacements?: Record<string, string | number>) {
     return tStatic(translations ?? null, key, replacements);
   }
@@ -184,10 +178,8 @@
       <ul class="not-prose list-none space-y-2 pl-0">
         {#each upcomingEvents as ev}
           <li>
-            <a href={postHref(ev)} class="group flex items-baseline gap-3 no-underline hover:underline">
-              <time class="shrink-0 text-xs font-medium text-zinc-600 tabular-nums">
-                {formatEventDate(ev.eventDate)}
-              </time>
+            <a href={postHref(ev)} class="group flex flex-wrap items-center gap-2 no-underline hover:underline">
+              <EventBadges eventDate={ev.eventDate} />
               <span class="text-sm text-zinc-900 group-hover:text-zinc-950">{ev.headline}</span>
             </a>
           </li>