diff --git a/src/app/application-form/page.tsx b/src/app/application-form/page.tsx
index 23b43bb..1da8ae1 100644
--- a/src/app/application-form/page.tsx
+++ b/src/app/application-form/page.tsx
@@ -71,9 +71,6 @@ export default function ApplicationFormPage() {
     }
   ];
 
-  const themeProviderProps = {
-    defaultButtonVariant: "hover-magnetic",    defaultTextAnimation: "entrance-slide",    borderRadius: "pill",    contentWidth: "mediumSmall",    sizing: "mediumLarge",    background: "none",    cardStyle: "glass-elevated",    primaryButtonStyle: "primary-glow",    secondaryButtonStyle: "radial-glow",    headingFontWeight: "medium"};
-
   const navbarProps = {
     brandName: "Luxe Properties",    navItems: [
       { name: "Properties", id: "properties" },
@@ -81,14 +78,25 @@ export default function ApplicationFormPage() {
       { name: "Services", id: "services" },
       { name: "Team", id: "team" },
       { name: "Testimonials", id: "testimonials" },
-      { name: "Application", href: "/application-form" },
+      { name: "Application", id: "/application-form" },
       { name: "Contact", id: "contact" }
     ],
     button: { text: "Schedule Viewing", href: "#contact" }
   };
 
   return (
-    <ThemeProvider {...themeProviderProps}>
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered {...navbarProps} />
       </div>