diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
index fd95625..4ce5e4e 100644
--- a/src/app/register/page.tsx
+++ b/src/app/register/page.tsx
@@ -6,23 +6,26 @@ import ContactForm from '@/components/form/ContactForm';
 
 export default function RegisterPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleCentered
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Products", id: "/products" },
-          { name: "Features", id: "/features" },
-          { name: "Login", id: "/login" },
-          { name: "Register", id: "/register" },
-        ]}
-        brandName="PulseGaming"
-      />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "Features", id: "/features" },
+            { name: "Login", id: "/login" },
+            { name: "Register", id: "/register" },
+          ]}
+          brandName="PulseGaming"
+        />
+      </div>
       <div className="min-h-screen flex items-center justify-center pt-24">
         <ContactForm 
             tag="Register"
             title="Create Account"
             description="Join the community and get early access to new product drops."
             buttonText="Register"
+            useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>