diff --git a/src/app/admin/analytics-dashboard/page.tsx b/src/app/admin/analytics-dashboard/page.tsx
index 1fb9375..8607d7a 100644
--- a/src/app/admin/analytics-dashboard/page.tsx
+++ b/src/app/admin/analytics-dashboard/page.tsx
@@ -7,16 +7,16 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function AdminAnalyticsDashboardPage() {
-  const navItems = [
-    { name: "Home", href: "/" },
-    { name: "Features", href: "/#features" },
-    { name: "Jobs", href: "/#jobs" },
-    { name: "Companies", href: "/#companies" },
-    { name: "Pricing", href: "/#pricing" },
-    { name: "Reviews", href: "/#testimonials" },
-    { name: "FAQ", href: "/#faq" },
-    { name: "Admin", href: "/admin/user-management" }
-  ];
+          const navItems = [
+            { name: "Home", id: "/" },
+            { name: "Features", id: "/#features" },
+            { name: "Jobs", id: "/#jobs" },
+            { name: "Companies", id: "/#companies" },
+            { name: "Pricing", id: "/#pricing" },
+            { name: "Reviews", id: "/#testimonials" },
+            { name: "FAQ", id: "/#faq" },
+            { name: "Admin", id: "/admin/user-management" }
+          ];
 
   const footerColumns = [
     {
@@ -84,6 +84,7 @@ export default function AdminAnalyticsDashboardPage() {
               { text: "Generate Custom Report", href: "#" }
             ]}
             background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
         </div>
 
diff --git a/src/app/admin/content-moderation/page.tsx b/src/app/admin/content-moderation/page.tsx
index 2364cf9..7ef5e1b 100644
--- a/src/app/admin/content-moderation/page.tsx
+++ b/src/app/admin/content-moderation/page.tsx
@@ -7,16 +7,16 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function AdminContentModerationPage() {
-  const navItems = [
-    { name: "Home", href: "/" },
-    { name: "Features", href: "/#features" },
-    { name: "Jobs", href: "/#jobs" },
-    { name: "Companies", href: "/#companies" },
-    { name: "Pricing", href: "/#pricing" },
-    { name: "Reviews", href: "/#testimonials" },
-    { name: "FAQ", href: "/#faq" },
-    { name: "Admin", href: "/admin/user-management" }
-  ];
+          const navItems = [
+            { name: "Home", id: "/" },
+            { name: "Features", id: "/#features" },
+            { name: "Jobs", id: "/#jobs" },
+            { name: "Companies", id: "/#companies" },
+            { name: "Pricing", id: "/#pricing" },
+            { name: "Reviews", id: "/#testimonials" },
+            { name: "FAQ", id: "/#faq" },
+            { name: "Admin", id: "/admin/user-management" }
+          ];
 
   const footerColumns = [
     {
@@ -84,6 +84,7 @@ export default function AdminContentModerationPage() {
               { text: "Flagged Items", href: "#" }
             ]}
             background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
         </div>