diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index ff5e3dc..cd7753b 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -23,6 +23,7 @@ export default function ContactPage() {
               description="Contact us for a quote or general inquiry."
               mediaAnimation="slide-up"
               useInvertedBackground={false}
+              background={{ variant: "plain" }}
           />
           <div className="mt-8 flex justify-center">
               <a href="https://wa.me/254700000000" className="flex items-center gap-2 bg-green-500 text-white px-6 py-3 rounded-full hover:bg-green-600">