diff --git a/src/components/sections/contact/ContactCenter.tsx b/src/components/sections/contact/ContactCenter.tsx
index f6d78c8..e3fb176 100644
--- a/src/components/sections/contact/ContactCenter.tsx
+++ b/src/components/sections/contact/ContactCenter.tsx
@@ -54,9 +54,9 @@ const ContactCenter = ({
     termsClassName = "",
 }: ContactCenterProps) => {
     return (
-        <section aria-label={ariaLabel} className={cls("relative py-20 w-full bg-blue-500", useInvertedBackground === "invertDefault" && "bg-foreground", className)}>
+        <section aria-label={ariaLabel} className={cls("relative py-20 w-full", useInvertedBackground === "invertDefault" && "bg-foreground", className)}>
             <div className={cls("w-content-width mx-auto", containerClassName)}>
-                <div className={cls("w-full card p-6 md:p-0 py-20 md:py-20 rounded-theme-capped flex items-center justify-center", contentClassName)}>
+                <div className={cls("w-full card p-6 md:p-0 py-20 md:py-20 rounded-theme-capped flex items-center justify-center bg-blue-500", contentClassName)}>
                     <div className="relative z-1 w-full md:w-1/2">
                         <ContactForm
                             tag={tag}