diff --git a/maps/feature-map/navigation-preferences.md b/maps/feature-map/navigation-preferences.md
index 4abd771a8da..7aa726e3bc5 100644
--- a/maps/feature-map/navigation-preferences.md
+++ b/maps/feature-map/navigation-preferences.md
@@ -123,7 +123,7 @@ uses the production component with simulated API responses; it does not establis
 real persistence or permission behavior.
 
 Coordinator More exposes a pin/unpin button beside every destination.
-Pinned pages appear beneath More in pinning order and retain the
+Pinned pages appear above More in pinning order and retain the
 existing company-aware routes.
 Unpin from either the flyout or the pinned row. The list is personal to the current
 user in this browser, shared across companies; it does not sync across devices.
diff --git a/ui/src/components/CoordinatorSidebar.test.tsx b/ui/src/components/CoordinatorSidebar.test.tsx
index 3a40445a27e..bd3ec4fc6d3 100644
--- a/ui/src/components/CoordinatorSidebar.test.tsx
+++ b/ui/src/components/CoordinatorSidebar.test.tsx
@@ -85,7 +85,8 @@ describe("Coordinator pinned pages", () => {
     await renderSidebar();
     expect(container.querySelector('a[href="/chats"]')?.getAttribute("aria-label")).toBe("Chat, 2 unread chats");
   });
-  const pinnedPages = () => container.querySelector('[aria-label="Pinned pages"]');
+  const navigation = () => container.querySelector('nav[aria-label="Workspace navigation"]')!;
+  const pinnedPage = (to: string) => navigation().querySelector(`a[href="${to}"]`);
   async function click(label: string) {
     const button = document.querySelector<HTMLButtonElement>(`button[aria-label="${label}"]`);
     expect(button).not.toBeNull();
@@ -93,32 +94,39 @@ describe("Coordinator pinned pages", () => {
     await flush();
   }
 
-  it("pins from More without navigating, restores after remount, and unpins from the sidebar", async () => {
+  it.each([false, true])("keeps pins above More without a separate section, restores and unpins when collapsed is %s", async collapsed => {
+    fixture.collapsed = collapsed;
     await renderSidebar();
-    expect(pinnedPages()).toBeNull();
+    expect(pinnedPage("/projects")).toBeNull();
     await click("More workspace pages");
     expect(document.activeElement).toBe(document.querySelector('[data-slot="popover-content"]'));
     await click("Pin Projects");
     expect(document.querySelector('[role="dialog"]')).not.toBeNull();
-    expect(pinnedPages()?.querySelector('a[href="/projects"]')?.textContent).toBe("Projects");
+    expect(pinnedPage("/projects")?.textContent).toBe("Projects");
+    expect(navigation().querySelector('[aria-label="Pinned pages"]')).toBeNull();
+    expect(navigation().querySelector('[data-slot="sidebar-group-label"]')).toBeNull();
+    const more = navigation().querySelector('button[aria-label="More workspace pages"]')!;
+    expect(pinnedPage("/projects")!.compareDocumentPosition(more) & Node.DOCUMENT_POSITION_FOLLOWING).not.toBe(0);
     await act(async () => root.unmount());
     root = createRoot(container);
     await renderSidebar();
-    expect(pinnedPages()?.querySelector('a[href="/projects"]')).not.toBeNull();
+    expect(pinnedPage("/projects")).not.toBeNull();
+    if (collapsed) await click("More workspace pages");
     await click("Unpin Projects");
-    expect(pinnedPages()).toBeNull();
+    expect(pinnedPage("/projects")).toBeNull();
   });
 
   it("keeps pins personal and only renders known destinations", async () => {
-    localStorage.setItem("paperclip.coordinator.pinned-nav.v1:reviewer", JSON.stringify(["/projects", "/unknown", "https://example.com"]));
+    localStorage.setItem("paperclip.coordinator.pinned-nav.v1:reviewer", JSON.stringify(["/routines", "/projects", "/unknown", "https://example.com"]));
     await renderSidebar();
-    expect(pinnedPages()?.querySelectorAll("a")).toHaveLength(1);
+    expect(Array.from(navigation().querySelectorAll("a")).map(link => link.getAttribute("href")))
+      .toEqual(["/chats", "/issues", "/decisions", "/routines", "/projects"]);
     fixture.userId = "other-user";
     await renderSidebar();
-    expect(pinnedPages()).toBeNull();
+    expect(pinnedPage("/projects")).toBeNull();
     fixture.userId = "reviewer";
     await renderSidebar();
-    expect(pinnedPages()?.textContent).toContain("Projects");
+    expect(pinnedPage("/projects")?.textContent).toBe("Projects");
   });
 
   it("reflects pins changed in another browser tab", async () => {
@@ -128,7 +136,7 @@ describe("Coordinator pinned pages", () => {
       localStorage.setItem(key, JSON.stringify(["/agents/all"]));
       window.dispatchEvent(new StorageEvent("storage", { key }));
     });
-    expect(pinnedPages()?.querySelector('a[href="/agents/all"]')?.textContent).toBe("Agents");
+    expect(pinnedPage("/agents/all")?.textContent).toBe("Agents");
   });
 });
 afterEach(async () => { await act(async () => root.unmount()); client.clear(); container.remove(); });
diff --git a/ui/src/components/CoordinatorSidebar.tsx b/ui/src/components/CoordinatorSidebar.tsx
index 74bf1d2fd3e..e3d597502fb 100644
--- a/ui/src/components/CoordinatorSidebar.tsx
+++ b/ui/src/components/CoordinatorSidebar.tsx
@@ -118,6 +118,10 @@ export function CoordinatorSidebar({ children }: { children?: ReactNode }) {
               className="absolute right-3 top-1/2 -translate-y-1/2 rounded-md p-1 text-muted-foreground opacity-0 transition-opacity group-hover/coordinator-new:opacity-100 group-focus-within/coordinator-new:opacity-100 pointer-coarse:opacity-100 hover:bg-sidebar-accent focus-visible:ring-2 focus-visible:ring-ring"><Plus className="size-4" /></button>}
           </div>
           <SidebarNavItem className="design-sidebar-item" to="/decisions" label="Needs you" icon={Bell} badge={attentionCount} badgeLabel="decisions" />
+          {pinnedDestinations.map(({ label, to, icon }) => <div key={to} className="group/coordinator-pin relative">
+            <SidebarNavItem to={to} label={label} icon={icon} className={cn("design-sidebar-item", !rail && "pr-9")} />
+            {!rail && <button type="button" aria-label={`Unpin ${label}`} title={`Unpin ${label}`} onClick={() => pinnedNavigation.toggle(to)} className="absolute right-3 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground opacity-0 transition-opacity hover:bg-sidebar-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring group-hover/coordinator-pin:opacity-100 group-focus-within/coordinator-pin:opacity-100 pointer-coarse:opacity-100"><PinOff className="size-3.5" /></button>}
+          </div>)}
         </div>
         <Flyout open={moreOpen} onOpenChange={setMoreOpen}>
           <FlyoutTrigger asChild><button type="button" aria-label="More workspace pages" className="design-sidebar-item flex w-auto items-center gap-2.5 rounded-lg py-1.5 text-left transition-colors focus-visible:ring-2 focus-visible:ring-ring"><MoreHorizontal className="size-4 shrink-0" /><span className={rail ? SIDEBAR_RAIL_HIDDEN_LABEL : undefined}>More</span></button></FlyoutTrigger>
@@ -140,13 +144,6 @@ export function CoordinatorSidebar({ children }: { children?: ReactNode }) {
           </FlyoutContent>
         </Flyout>
       </div>
-      {pinnedDestinations.length > 0 && <section className="space-y-1 pt-4" aria-label="Pinned pages">
-        {!rail && <div data-slot="sidebar-group-label" className="px-4 pb-1 text-xs text-muted-foreground">Pinned</div>}
-        {pinnedDestinations.map(({ label, to, icon }) => <div key={to} className="group/coordinator-pin relative">
-          <SidebarNavItem to={to} label={label} icon={icon} className={cn("design-sidebar-item", !rail && "pr-9")} />
-          {!rail && <button type="button" aria-label={`Unpin ${label}`} title={`Unpin ${label}`} onClick={() => pinnedNavigation.toggle(to)} className="absolute right-3 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground opacity-0 transition-opacity hover:bg-sidebar-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring group-hover/coordinator-pin:opacity-100 group-focus-within/coordinator-pin:opacity-100 pointer-coarse:opacity-100"><PinOff className="size-3.5" /></button>}
-        </div>)}
-      </section>}
       {pinnedNavigation.error && <p role="alert" className="px-4 py-2 text-xs text-destructive">{pinnedNavigation.error}</p>}
       {!rail && session.isSuccess && recents.length > 0 && <div className="design-sidebar-recents"><SidebarSection label="Recents">
         <div className="design-sidebar-recent-list scrollbar-while-scrolling" onScroll={handleRecentScroll} role="region" aria-label="Recents" tabIndex={0}>