diff --git a/templates/base.html b/templates/base.html
index 2a04338..5a37bbf 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -9,25 +9,35 @@
   <body class="min-h-screen bg-gradient-to-br from-slate-100 via-white to-cyan-100 text-slate-900">
     <main class="mx-auto max-w-6xl px-4 py-8 sm:px-6 lg:px-8">
       <nav class="mb-6 rounded-2xl border border-slate-200/80 bg-white/80 p-2 shadow-sm backdrop-blur">
-        <div class="flex gap-2">
-          <a
-            href="/"
-            class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "calendar" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
-          >
-            Calendar
-          </a>
-          <a
-            href="/reports"
-            class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "reports" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
-          >
-            Reports
-          </a>
-          <a
-            href="/planning"
-            class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "planning" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
-          >
-            Planning
-          </a>
+        <div class="flex flex-wrap items-center justify-between gap-2">
+          <div class="flex gap-2">
+            <a
+              href="/"
+              class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "calendar" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
+            >
+              Calendar
+            </a>
+            <a
+              href="/reports"
+              class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "reports" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
+            >
+              Reports
+            </a>
+            <a
+              href="/planning"
+              class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "planning" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
+            >
+              Planning
+            </a>
+          </div>
+          <form method="post" action="/logout">
+            <button
+              type="submit"
+              class="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-semibold text-slate-700 hover:bg-slate-100"
+            >
+              Sign Out
+            </button>
+          </form>
         </div>
       </nav>
       {% block content %}{% endblock %}
