diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index 5539585..9d6e584 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -4,7 +4,7 @@ import { useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
-import { BarChart3, TrendingUp, Users, DollarSign, Lock } from "lucide-react";
+import { BarChart3, TrendingUp, Users, DollarSign } from "lucide-react";
 
 export default function AdminPage() {
   const [isAuthenticated, setIsAuthenticated] = useState(false);
@@ -34,7 +34,18 @@ export default function AdminPage() {
   }
 
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <NavbarLayoutFloatingOverlay
         navItems={[{ name: "Dashboard", id: "dashboard" }]}
         brandName="Admin Panel"
@@ -52,6 +63,7 @@ export default function AdminPage() {
               { id: "s4", title: "Conversion", value: "3.2%", icon: BarChart3 }
             ]}
             textboxLayout="default"
+            useInvertedBackground={false}
           />
         </div>
       </main>