diff --git a/src/app/submit-report/page.tsx b/src/app/submit-report/page.tsx
index 0f4b2a1..2389268 100644
--- a/src/app/submit-report/page.tsx
+++ b/src/app/submit-report/page.tsx
@@ -3,7 +3,7 @@
 import { useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 
 export default function SubmitReportPage() {
   const [status, setStatus] = useState<string>("");
@@ -37,11 +37,12 @@ export default function SubmitReportPage() {
         />
       </div>
       <div id="form" data-section="form" className="pt-24">
-        <ContactCenter
+        <ContactSplit
             tag="Report Incident"
             title="Incident Submission Form"
             description="Please provide accurate details regarding the incident. Our team will review your report shortly."
             background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
             onSubmit={handleSubmit}
             buttonText="Save Report"
         />