diff --git a/flake.nix b/flake.nix
index b9058f861..1edef0612 100644
--- a/flake.nix
+++ b/flake.nix
@@ -272,9 +272,8 @@
             inherit (icons) logo favicon;
           in
           old: {
-            postPatch =
-              ''
-                cp '${logo}' src/assets/logo.svg
+            postPatch = ''
+              cp '${logo}' src/assets/logo.svg
 
                 magick convert \
                   -resize x16 \
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 60ca38270..7784d414d 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -1,6 +1,6 @@
 <template>
   <nav
-    class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 dark:bg-zinc-900"
+    class="bg-black border-gray-200 px-2 sm:px-4 py-2.5 dark:bg-zinc-900"
     id="navbar"
   >
     <div class="container mx-auto flex flex-wrap items-center gap-2 sm:gap-4">
@@ -207,11 +207,8 @@
           <li class="m-auto">
             <router-link
               :to="{ name: RouteName.EVENT_CALENDAR }"
-              class="block relative py-2 pr-4 pl-3 text-zinc-700 border-b border-gray-100 hover:bg-zinc-50 md:hover:bg-transparent md:border-0 md:hover:text-mbz-purple-700 md:p-0 dark:text-zinc-400 md:dark:hover:text-white dark:hover:bg-zinc-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700"
-              >{{ t("Calendar")
-              }}<span class="absolute right-0 text-xs"
-                ><br />(beta)</span
-              ></router-link
+              class="block py-2 pr-4 pl-3 text-zinc-700 border-b border-gray-100 hover:bg-zinc-50 md:hover:bg-transparent md:border-0 md:hover:text-mbz-purple-700 md:p-0 dark:text-zinc-400 md:dark:hover:text-white dark:hover:bg-zinc-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700"
+              >{{ t("Calendar") }}</router-link
             >
           </li>
           <li class="m-auto" v-if="currentActor?.id">