diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index be43772..7655a7f 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -9,7 +9,7 @@ import { Instagram, Facebook } from "lucide-react";
 
 export default function ContactPage() {
   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">
       <ReactLenis root>
         <NavbarStyleFullscreen
           navItems={[
@@ -25,6 +25,7 @@ export default function ContactPage() {
           title="Get in Touch"
           description="Have questions or want to say hello? We'd love to hear from you!"
           background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
         <FooterCard
           logoText="The Boutique"