diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 8851350..aedb5f3 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -30,7 +30,7 @@ export default function ContactPage() {
         <NavbarLayoutFloatingOverlay navItems={navLinks} brandName="Sheescakes'N More" />
         <div id="contact" data-section="contact" className="pt-20">
           <ContactCTA
-            background="none"
+            background={{ variant: "plain" }}
             useInvertedBackground={false}
             tag="Visit Us"
             title="Contact Sheescakes'N More"
diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx
index 8c363a8..32d5fa5 100644
--- a/src/app/order/page.tsx
+++ b/src/app/order/page.tsx
@@ -26,7 +26,7 @@ export default function OrderPage() {
           brandName="Sheescakes'N More"
         />
         <ContactCenter
-          background="none"
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           tag="Order Process"
           title="Place Your Order"