Index: src/assets/css/style.css
===================================================================
--- src/assets/css/style.css	(revision 544cd86633cf408a6b6335f010c0a978679deece)
+++ src/assets/css/style.css	(revision d15b27fc375301b46781f2932a1d25a386da66e3)
@@ -2055,7 +2055,9 @@
     border-color: var(--ink-muted);
 }
-/* Actieve state: puur afgeleid van body[data-feed-view]. Geen .is-active class meer. */
-body[data-feed-view="timeline"] .view-switch-btn[data-view="timeline"],
-body[data-feed-view="grid"] .view-switch-btn[data-view="grid"] {
+/* Actieve state: puur afgeleid van body[data-feed-view]. Geen .is-active class meer.
+   Niet op de Archive-pagina: daar is geen "huidige" timeline/grid-keuze, dus beide
+   knoppen blijven neutraal (grijs). */
+body[data-feed-view="timeline"]:not(.on-archive) .view-switch-btn[data-view="timeline"],
+body[data-feed-view="grid"]:not(.on-archive) .view-switch-btn[data-view="grid"] {
     background: var(--ink);
     color: var(--paper);
Index: src/views/pages/archive.ejs
===================================================================
--- src/views/pages/archive.ejs	(revision 544cd86633cf408a6b6335f010c0a978679deece)
+++ src/views/pages/archive.ejs	(revision d15b27fc375301b46781f2932a1d25a386da66e3)
@@ -24,9 +24,15 @@
 <!-- ========== TIMELINE (year/month grouped) ========== -->
 <div class="container archive-page feed-timeline">
-  <h1>Archive</h1>
-  <p class="archive-meta"><%= totalPosts %> post<%= totalPosts !== 1 ? 's' : '' %></p>
+  <% var _archBase = (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : ''; %>
+  <p class="archive-back-row">
+    <a href="<%= _archBase %>/" class="btn archive-back"
+       hx-get="<%= _archBase %>/?partial=1" hx-target="#pcms-main"
+       hx-push-url="<%= _archBase %>/" hx-indicator="#pcms-loading">&larr; Terug</a>
+  </p>
+  <h1>Archief</h1>
+  <p class="archive-meta"><%= totalPosts %> bericht<%= totalPosts !== 1 ? 'en' : '' %></p>
 
   <% if (totalPosts === 0) { %>
-    <p class="empty-state">No posts yet.</p>
+    <p class="empty-state">Nog geen berichten.</p>
   <% } %>
 
@@ -68,4 +74,5 @@
 <style>
 .archive-page { max-width: 700px; margin: 2rem auto; padding: 0 1rem; }
+.archive-back-row { margin: 0 0 1rem; }
 .archive-page h1 { font-family: var(--font-display, serif); margin: 0 0 0.25rem; }
 .archive-meta { color: var(--ink-muted); margin-bottom: 2rem; }