diff --git a/admin-spa/src/App.tsx b/admin-spa/src/App.tsx
index e19bdc7..528f2e7 100644
--- a/admin-spa/src/App.tsx
+++ b/admin-spa/src/App.tsx
@@ -473,12 +473,12 @@ function Shell() {
             <div className="flex flex-1 min-h-0">
               <Sidebar />
               <main className="flex-1 flex flex-col min-h-0 min-w-0">
+                <PageHeader fullscreen={true} />
                 {isDashboardRoute ? (
                   <DashboardSubmenuBar items={main.children} fullscreen={true} />
                 ) : (
                   <SubmenuBar items={main.children} fullscreen={true} />
                 )}
-                <PageHeader fullscreen={true} />
                 <div className="flex-1 overflow-auto p-4 min-w-0">
                   <AppRoutes />
                 </div>
@@ -486,13 +486,13 @@ function Shell() {
             </div>
           ) : (
             <div className={`flex flex-1 flex-col min-h-0 ${fullscreen ? 'pt-0' : 'pt-16'}`}>
+              <PageHeader fullscreen={true} />
               {!isMorePage && (isDashboardRoute ? (
                 <DashboardSubmenuBar items={main.children} fullscreen={true} headerVisible={isHeaderVisible} />
               ) : (
                 <SubmenuBar items={main.children} fullscreen={true} headerVisible={isHeaderVisible} />
               ))}
               <main className="flex-1 flex flex-col min-h-0 min-w-0 pb-14">
-                <PageHeader fullscreen={true} />
                 <div ref={scrollContainerRef} className="flex-1 overflow-auto p-4 min-w-0">
                   <AppRoutes />
                 </div>
@@ -504,12 +504,12 @@ function Shell() {
         ) : (
           <div className="flex flex-1 flex-col min-h-0">
             <TopNav />
+            <PageHeader fullscreen={false} />
             {isDashboardRoute ? (
               <DashboardSubmenuBar items={main.children} fullscreen={false} />
             ) : (
               <SubmenuBar items={main.children} fullscreen={false} />
             )}
-            <PageHeader fullscreen={false} />
             <main className="flex-1 flex flex-col min-h-0 min-w-0">
               <div className="flex-1 overflow-auto p-4 min-w-0">
                 <AppRoutes />
diff --git a/admin-spa/src/components/PageHeader.tsx b/admin-spa/src/components/PageHeader.tsx
index 61c488f..a41b8a6 100644
--- a/admin-spa/src/components/PageHeader.tsx
+++ b/admin-spa/src/components/PageHeader.tsx
@@ -10,10 +10,10 @@ export function PageHeader({ fullscreen = false }: PageHeaderProps) {
 
   if (!title) return null;
 
-  // PageHeader sticks at top-0 and naturally stacks below submenu (which has z-20)
-  // Our z-10 ensures we're below the submenu in stacking order
+  // PageHeader is now ABOVE submenu in DOM order
+  // z-20 ensures it stays on top when both are sticky
   return (
-    <div className="sticky top-0 z-10 border-b bg-background">
+    <div className="sticky top-0 z-20 border-b bg-background">
       <div className="w-full max-w-5xl mx-auto px-4 py-3 flex items-center justify-between min-w-0">
         <div className="min-w-0 flex-1">
           <h1 className="text-lg font-semibold truncate">{title}</h1>