diff --git a/src/app/components/MenuSpace.svelte b/src/app/components/MenuSpace.svelte
index e2bfc51a..ac6e9587 100644
--- a/src/app/components/MenuSpace.svelte
+++ b/src/app/components/MenuSpace.svelte
@@ -29,6 +29,7 @@
   const {url} = $props()
 
   const threadsPath = makeSpacePath(url, "threads")
+  const calendarPath = makeSpacePath(url, "calendar")
   const userRooms = deriveUserRooms(url)
   const otherRooms = deriveOtherRooms(url)
 
@@ -117,6 +118,9 @@
       <SecondaryNavItem href={threadsPath} notification={$notifications.has(threadsPath)}>
         <Icon icon="notes-minimalistic" /> Threads
       </SecondaryNavItem>
+      <SecondaryNavItem href={calendarPath} notification={$notifications.has(calendarPath)}>
+        <Icon icon="calendar-minimalistic" /> Calendar
+      </SecondaryNavItem>
       <div class="h-2"></div>
       <SecondaryNavHeader>Your Rooms</SecondaryNavHeader>
       {#each $userRooms as room, i (room)}