diff --git a/apps/commons-docs/app/docs/layout.tsx b/apps/commons-docs/app/docs/layout.tsx
index e3c32ffe..5b9bbd05 100644
--- a/apps/commons-docs/app/docs/layout.tsx
+++ b/apps/commons-docs/app/docs/layout.tsx
@@ -14,16 +14,17 @@ export default function Layout({ children }: { children: ReactNode }) {
         { text: 'Status', url: 'https://api.agentcommons.io/health', external: true },
       ]}
       nav={{
+        // The same wordmark the commons-app dashboard sidebar shows when it is
+        // open, at the same height — one brand mark across both surfaces.
         title: (
-          <span className="flex items-center gap-2">
-            <Image src="/ac-icon.svg" alt="" width={22} height={22} />
-            <span className="font-space text-sm font-bold tracking-tight">
-              Agent Commons
-            </span>
-            <span className="hidden rounded-full border border-fd-border px-1.5 py-px font-space text-[10px] font-medium uppercase tracking-widest text-fd-muted-foreground sm:inline">
-              Docs
-            </span>
-          </span>
+          <Image
+            src="/logo.jpg"
+            alt="Agent Commons"
+            width={131}
+            height={60}
+            priority
+            className="h-8 w-auto rounded-md object-contain"
+          />
         ),
       }}
       sidebar={{ banner: null, footer: <SidebarFooter /> }}
diff --git a/apps/commons-docs/app/globals.css b/apps/commons-docs/app/globals.css
index 524e6ed5..7b0abf30 100644
--- a/apps/commons-docs/app/globals.css
+++ b/apps/commons-docs/app/globals.css
@@ -323,13 +323,11 @@ a[data-card="true"]:hover {
   box-shadow: 0 6px 18px -6px rgba(0, 0, 0, 0.6);
 }
 
-/* The active page and the active heading share one accent, so the eye can
-   pair "where I am" in the sidebar with "where I am" in the table of
-   contents. */
+/* The active page reads exactly as it does in the commons-app sidebar: a flat
+   muted fill, no coloured rule. */
 #nd-sidebar a[data-active="true"] {
   background-color: hsl(var(--fd-accent));
   color: hsl(var(--fd-accent-foreground));
-  box-shadow: inset 2px 0 0 var(--brand-cyan);
 }
 
 #nd-toc a[data-active="true"],