diff --git a/admin-spa/src/components/nav/DashboardSubmenuBar.tsx b/admin-spa/src/components/nav/DashboardSubmenuBar.tsx
index 10b4164..1ac04d9 100644
--- a/admin-spa/src/components/nav/DashboardSubmenuBar.tsx
+++ b/admin-spa/src/components/nav/DashboardSubmenuBar.tsx
@@ -24,8 +24,8 @@ export default function DashboardSubmenuBar({ items = [], fullscreen = false, he
 
   // Calculate top position based on fullscreen state
   // Fullscreen: top-0 (no contextual headers, submenu is first element)
-  // Normal: top-[calc(7rem+32px)] (below WP admin bar + menu bar)
-  const topClass = fullscreen ? 'top-0' : 'top-[calc(7rem+32px)]';
+  // Normal: top-16 (64px - below header)
+  const topClass = fullscreen ? 'top-0' : 'top-16';
 
   return (
     <div data-submenubar className={`border-b border-border bg-background md:bg-background/95 md:backdrop-blur md:supports-[backdrop-filter]:bg-background/60 sticky ${topClass} z-20`}>
diff --git a/admin-spa/src/components/nav/SubmenuBar.tsx b/admin-spa/src/components/nav/SubmenuBar.tsx
index 174a403..97c8251 100644
--- a/admin-spa/src/components/nav/SubmenuBar.tsx
+++ b/admin-spa/src/components/nav/SubmenuBar.tsx
@@ -13,8 +13,8 @@ export default function SubmenuBar({ items = [], fullscreen = false, headerVisib
 
   // Calculate top position based on fullscreen state
   // Fullscreen: top-0 (no contextual headers, submenu is first element)
-  // Normal: top-[calc(7rem+32px)] (below WP admin bar + menu bar)
-  const topClass = fullscreen ? 'top-0' : 'top-[calc(7rem+32px)]';
+  // Normal: top-16 (64px - below header)
+  const topClass = fullscreen ? 'top-0' : 'top-16';
 
   return (
     <div data-submenubar className={`border-b border-border bg-background md:bg-background/95 md:backdrop-blur md:supports-[backdrop-filter]:bg-background/60 sticky ${topClass} z-20`}>
diff --git a/admin-spa/src/routes/Login.tsx b/admin-spa/src/routes/Login.tsx
index ea30f61..433eff5 100644
--- a/admin-spa/src/routes/Login.tsx
+++ b/admin-spa/src/routes/Login.tsx
@@ -66,9 +66,9 @@ export function Login() {
   };
 
   return (
-    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800 p-4">
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-background dark:to-background p-4">
       <div className="w-full max-w-md">
-        <div className="bg-white dark:bg-gray-800 rounded-lg shadow-xl p-8">
+        <div className="bg-white dark:bg-card rounded-lg shadow-xl p-8">
           {/* Logo */}
           <div className="text-center mb-8">
             {branding.logo ? (
diff --git a/admin-spa/src/routes/More/index.tsx b/admin-spa/src/routes/More/index.tsx
index 8934830..9f973f2 100644
--- a/admin-spa/src/routes/More/index.tsx
+++ b/admin-spa/src/routes/More/index.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import { useNavigate, Link } from 'react-router-dom';
-import { Tag, Settings as SettingsIcon, ChevronRight, Minimize2, LogOut, Sun, Moon, Monitor } from 'lucide-react';
+import { Tag, Settings as SettingsIcon, ChevronRight, Minimize2, LogOut, Sun, Moon, Monitor, ExternalLink } from 'lucide-react';
 import { __ } from '@/lib/i18n';
 import { usePageHeader } from '@/contexts/PageHeaderContext';
 import { useApp } from '@/contexts/AppContext';
@@ -60,7 +60,7 @@ export default function MorePage() {
   return (
     <div className="bg-background pb-20">
       {/* Remove inline header - use PageHeader component instead */}
-      <div className="px-4 py-4">
+      <div className=" py-4">
         <p className="text-sm text-muted-foreground">
           {__('Additional features and settings')}
         </p>
@@ -72,7 +72,7 @@ export default function MorePage() {
           <button
             key={item.to}
             onClick={() => navigate(item.to)}
-            className="w-full flex items-center gap-4 px-4 py-4 hover:bg-accent transition-colors"
+            className="w-full flex items-center gap-4  py-4 hover:bg-accent transition-colors"
           >
             <div className="flex-shrink-0 w-10 h-10 rounded-lg bg-primary/10 text-primary flex items-center justify-center">
               {item.icon}
@@ -89,7 +89,7 @@ export default function MorePage() {
       </div>
 
       {/* Theme Selector */}
-      <div className="px-4 py-6">
+      <div className=" py-6">
         <h3 className="text-sm font-medium mb-3">{__('Appearance')}</h3>
         <div className="grid grid-cols-3 gap-2">
           {themeOptions.map((option) => (
@@ -110,7 +110,18 @@ export default function MorePage() {
       </div>
 
       {/* Exit Fullscreen / Logout */}
-      <div className="px-4 py-6">
+      <div className=" py-6 space-y-3">
+        {!isStandalone && (
+          <Button
+            onClick={() => window.location.href = '/wp-admin/'}
+            variant="outline"
+            className="w-full justify-start gap-3"
+          >
+            <ExternalLink className="w-5 h-5" />
+            {__('Go to WP Admin')}
+          </Button>
+        )}
+        
         {isStandalone ? (
           <Button
             onClick={handleLogout}
diff --git a/admin-spa/src/routes/Orders/index.tsx b/admin-spa/src/routes/Orders/index.tsx
index fd84e59..908fce0 100644
--- a/admin-spa/src/routes/Orders/index.tsx
+++ b/admin-spa/src/routes/Orders/index.tsx
@@ -232,7 +232,7 @@ export default function Orders() {
   return (
     <div className="space-y-4 w-full pb-4">
       {/* Mobile: Search + Filter */}
-      <div className="md:hidden px-4">
+      <div className="md:hidden">
         <SearchBar
           value={searchQuery}
           onChange={setSearchQuery}
@@ -350,7 +350,7 @@ export default function Orders() {
 
       {/* Loading State */}
       {q.isLoading && (
-        <div className="space-y-3 px-4 md:px-0">
+        <div className="space-y-3">
           {Array.from({ length: 5 }).map((_, i) => (
             <Skeleton key={i} className="w-full h-24 rounded-lg" />
           ))}
@@ -359,7 +359,7 @@ export default function Orders() {
 
       {/* Error State */}
       {q.isError && (
-        <div className="px-4 md:px-0">
+        <div>
           <ErrorCard
             title={__('Failed to load orders')}
             message={getPageLoadErrorMessage(q.error)}
@@ -371,7 +371,7 @@ export default function Orders() {
       {/* Mobile: Card List */}
       {!q.isLoading && !q.isError && (
         <>
-          <div className="md:hidden space-y-3 px-4">
+          <div className="md:hidden space-y-3">
             {filteredOrders.length > 0 ? (
               filteredOrders.map((order) => (
                 <OrderCard
diff --git a/admin-spa/src/routes/Settings/components/SettingsCard.tsx b/admin-spa/src/routes/Settings/components/SettingsCard.tsx
index 1ae04e0..7391aff 100644
--- a/admin-spa/src/routes/Settings/components/SettingsCard.tsx
+++ b/admin-spa/src/routes/Settings/components/SettingsCard.tsx
@@ -13,12 +13,12 @@ export function SettingsCard({ title, description, children, className = '', act
   return (
     <Card className={className}>
       <CardHeader>
-        <div className="flex items-start justify-between gap-4">
+        <div className="flex flex-col sm:flex-row sm:items-start justify-between gap-4">
           <div className="flex-1">
             <CardTitle>{title}</CardTitle>
             {description && <CardDescription>{description}</CardDescription>}
           </div>
-          {action && <div className="flex-shrink-0">{action}</div>}
+          {action && <div className="flex-shrink-0 w-full sm:w-auto">{action}</div>}
         </div>
       </CardHeader>
       <CardContent className="space-y-4">
diff --git a/includes/Admin/StandaloneAdmin.php b/includes/Admin/StandaloneAdmin.php
index 6de652e..8cc7c8f 100644
--- a/includes/Admin/StandaloneAdmin.php
+++ b/includes/Admin/StandaloneAdmin.php
@@ -92,7 +92,14 @@ class StandaloneAdmin {
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<meta name="robots" content="noindex, nofollow">
-	<title><?php echo esc_html( get_option( 'blogname', 'WooNooW' ) ); ?> Admin</title>
+	<title><?php 
+		// Priority: Store Name > WooNooW
+		$store_name = get_option( 'woonoow_store_name', '' );
+		if ( empty( $store_name ) ) {
+			$store_name = get_option( 'blogname', 'WooNooW' );
+		}
+		echo esc_html( $store_name );
+	?></title>
 	
 	<?php
 	// Favicon
diff --git a/includes/Compat/StoreSettingsProvider.php b/includes/Compat/StoreSettingsProvider.php
index 65be259..74625ad 100644
--- a/includes/Compat/StoreSettingsProvider.php
+++ b/includes/Compat/StoreSettingsProvider.php
@@ -135,6 +135,7 @@ class StoreSettingsProvider {
             'dimension_unit' => get_option('woocommerce_dimension_unit', 'cm'),
             // Branding
             'store_logo' => get_option('woonoow_store_logo', ''),
+            'store_logo_dark' => get_option('woonoow_store_logo_dark', ''),
             'store_icon' => get_option('woonoow_store_icon', ''),
             'store_tagline' => get_option('blogdescription', ''),
             'primary_color' => get_option('woonoow_primary_color', '#3b82f6'),
@@ -170,6 +171,7 @@ class StoreSettingsProvider {
             'dimension_unit' => 'woocommerce_dimension_unit',
             // Branding
             'store_logo' => 'woonoow_store_logo',
+            'store_logo_dark' => 'woonoow_store_logo_dark',
             'store_icon' => 'woonoow_store_icon',
             'store_tagline' => 'blogdescription',
             'primary_color' => 'woonoow_primary_color',