Index: src/views/partials/shared-styles.ejs
===================================================================
--- src/views/partials/shared-styles.ejs	(revision cf7c2d9f1702ebeb0dd3ce35e3d14d380c7633f6)
+++ src/views/partials/shared-styles.ejs	(revision d7b5a6c3d57b88e1c215cffcda953fa5839c127c)
@@ -38,17 +38,16 @@
 .view-switch-btn[aria-selected="true"] { background: var(--paper); color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.06); }
 
-/* Agenda-link (evenementen) links in de switcher-balk. */
+/* Agenda-link (evenementen) als eerste item IN de Tijdlijn/Grid-pill —
+   exact dezelfde maatvoering als .view-switch-btn, maar het is een nav-link. */
 .vs-agenda {
-  display: inline-flex; align-items: center; gap: 0.4rem;
-  margin-right: auto;            /* naar links; Tijdlijn/Grid blijven rechts */
+  display: inline-flex; align-items: center; gap: 0.35rem;
   padding: 0.35rem 0.85rem;
-  border: 1px solid var(--rule); border-radius: 999px;
-  background: var(--paper-2); color: var(--ink-muted, var(--ink-soft));
-  text-decoration: none; font-size: 0.85rem; font-weight: 600;
-  transition: background 120ms, color 120ms, border-color 120ms;
+  border-radius: 999px;
+  color: var(--ink-muted, var(--ink-soft));
+  text-decoration: none;
+  font-size: 0.85rem; font-family: inherit;
+  transition: background 120ms, color 120ms;
 }
-.vs-agenda:hover { color: var(--ink); border-color: var(--accent); }
-.vs-agenda svg { opacity: .85; }
-@media (max-width: 560px) { .vs-agenda { margin-right: 0; } }
+.vs-agenda:hover { color: var(--ink); }
 
 .grid-cols-picker {