diff --git a/src/components/AppLayout.tsx b/src/components/AppLayout.tsx
index 6a3f240..012211b 100644
--- a/src/components/AppLayout.tsx
+++ b/src/components/AppLayout.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useLayoutEffect, useRef, useState } from 'react'
 import { useClerk, useOrganization, useOrganizationList, useUser } from '@clerk/react'
 import { useQuery } from '@tanstack/react-query'
 import { NavLink, Outlet, useLocation } from 'react-router-dom'
@@ -144,6 +144,8 @@ export function AppLayout() {
   // Nav groups stay closed unless they hold the current page; a click on the label overrides that until the next route.
   const [toggled, setToggled] = useState<Partial<Record<Key, boolean>>>({})
   useEffect(() => setToggled({}), [pathname])
+  // The window scrolls, not <main>, so a new page would open at the last page's scroll position.
+  useLayoutEffect(() => window.scrollTo(0, 0), [pathname])
   const [collapsed, setCollapsed] = useState(readCollapsed)
   const toggleCollapsed = () => setCollapsed(c => {
     try { localStorage.setItem(COLLAPSED_KEY, c ? '0' : '1') } catch { /* keep it for this visit only */ }