diff --git a/admin-spa/src/App.tsx b/admin-spa/src/App.tsx
index a1e17de..8762380 100644
--- a/admin-spa/src/App.tsx
+++ b/admin-spa/src/App.tsx
@@ -329,8 +329,13 @@ function Header({ onFullscreen, fullscreen, showToggle = true, scrollContainerRe
     }
   };
   
+  // Hide header completely on mobile in standalone mode
+  if (isStandalone && typeof window !== 'undefined' && window.innerWidth < 768) {
+    return null;
+  }
+  
   return (
-    <header className={`h-16 border-b border-border flex items-center px-4 justify-between sticky ${fullscreen ? `top-0` : `top-[32px]`} z-40 bg-background md:bg-background/95 md:backdrop-blur md:supports-[backdrop-filter]:bg-background/60 transition-transform duration-300 ${!isVisible ? '-translate-y-full md:translate-y-0' : 'translate-y-0'}`}>
+    <header className={`h-16 border-b border-border flex items-center px-4 justify-between md:sticky ${fullscreen ? `md:top-0 fixed top-0 left-0 right-0` : `top-[32px]`} z-40 bg-background md:bg-background/95 md:backdrop-blur md:supports-[backdrop-filter]:bg-background/60 transition-transform duration-300 ${!isVisible ? '-translate-y-full md:translate-y-0' : 'translate-y-0'}`}>
       <div className="font-semibold">{siteTitle}</div>
       <div className="flex items-center gap-3">
         <div className="text-sm opacity-70 hidden sm:block">{window.WNW_API?.isDev ? 'Dev Server' : 'Production'}</div>
@@ -480,7 +485,7 @@ function Shell() {
               </main>
             </div>
           ) : (
-            <div className="flex flex-1 flex-col min-h-0">
+            <div className={`flex flex-1 flex-col min-h-0 ${isStandalone ? 'pt-0' : 'pt-16'}`}>
               {!isMorePage && (isDashboardRoute ? (
                 <DashboardSubmenuBar items={main.children} fullscreen={true} headerVisible={isHeaderVisible} />
               ) : (
diff --git a/admin-spa/src/components/PageHeader.tsx b/admin-spa/src/components/PageHeader.tsx
index aa767c2..c5ef39d 100644
--- a/admin-spa/src/components/PageHeader.tsx
+++ b/admin-spa/src/components/PageHeader.tsx
@@ -16,7 +16,7 @@ export function PageHeader({ fullscreen = false }: PageHeaderProps) {
   const topClass = fullscreen ? 'top-0' : 'top-[calc(10rem+32px)]';
 
   return (
-    <div className={`sticky ${topClass} z-10 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60`}>
+    <div className={`sticky ${topClass} z-10 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>
diff --git a/admin-spa/src/components/ui/button.tsx b/admin-spa/src/components/ui/button.tsx
index 1e1144e..65d4fcd 100644
--- a/admin-spa/src/components/ui/button.tsx
+++ b/admin-spa/src/components/ui/button.tsx
@@ -45,7 +45,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     const Comp = asChild ? Slot : "button"
     return (
       <Comp
-        className={cn('ui-ctrl', buttonVariants({ variant, size, className }))}
+        className={cn(buttonVariants({ variant, size, className }))}
         ref={ref}
         {...props}
       />
diff --git a/admin-spa/src/routes/More/index.tsx b/admin-spa/src/routes/More/index.tsx
index 28cdbd2..1412921 100644
--- a/admin-spa/src/routes/More/index.tsx
+++ b/admin-spa/src/routes/More/index.tsx
@@ -1,7 +1,8 @@
-import React from 'react';
-import { useNavigate } from 'react-router-dom';
+import React, { useEffect } from 'react';
+import { useNavigate, Link } from 'react-router-dom';
 import { Tag, Settings as SettingsIcon, ChevronRight } from 'lucide-react';
 import { __ } from '@/lib/i18n';
+import { usePageHeader } from '@/contexts/PageHeaderContext';
 
 interface MenuItem {
   icon: React.ReactNode;
@@ -27,17 +28,20 @@ const menuItems: MenuItem[] = [
 
 export default function MorePage() {
   const navigate = useNavigate();
+  const { setPageHeader, clearPageHeader } = usePageHeader();
+  
+  useEffect(() => {
+    setPageHeader(__('More'));
+    return () => clearPageHeader();
+  }, [setPageHeader, clearPageHeader]);
 
   return (
     <div className="min-h-screen bg-background pb-20">
-      {/* Header */}
-      <div className="sticky top-0 z-10 bg-background border-b">
-        <div className="px-4 py-4">
-          <h1 className="text-2xl font-bold">{__('More')}</h1>
-          <p className="text-sm text-muted-foreground mt-1">
-            {__('Additional features and settings')}
-          </p>
-        </div>
+      {/* Remove inline header - use PageHeader component instead */}
+      <div className="px-4 py-4">
+        <p className="text-sm text-muted-foreground">
+          {__('Additional features and settings')}
+        </p>
       </div>
 
       {/* Menu Items */}