diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 05dcdcc..0df0b90 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -5,15 +5,17 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 
 export default function PatientDashboard() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Dashboard", id: "/dashboard" },
-          { name: "Logout", id: "/" },
-        ]}
-        brandName="MediConnect"
-      />
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Dashboard", id: "/dashboard" },
+            { name: "Logout", id: "/" },
+          ]}
+          brandName="MediConnect"
+        />
+      </div>
       <div className="min-h-screen pt-24 p-8">
         <h1 className="text-4xl font-bold mb-6">Patient Dashboard</h1>
         <p>Welcome to your health portal. Here you can view your prescriptions and upcoming appointments.</p>