diff --git a/frontend/src/pages/ContactUs.tsx b/frontend/src/pages/ContactUs.tsx
index 74fdfb04..dc5e0319 100644
--- a/frontend/src/pages/ContactUs.tsx
+++ b/frontend/src/pages/ContactUs.tsx
@@ -88,8 +88,8 @@ function ContactUs() {
   };
 
   return (
-    <div className="flex flex-col justify-center items-center min-h-screen text-[#000435] bg-white dark:text-white dark:bg-[#000435]" style={{ backgroundImage: `url(${bgHero})`, backgroundSize: 'cover', backgroundPosition: 'center' }}>
-      <h2 className="text-4xl font-bold mb-8 text-center text-[#000435] bg-white dark:text-white dark:bg-[#000435]">
+    <div className="flex flex-col  items-center min-h-screen text-[#000435] bg-white dark:text-white dark:bg-[#000435]" style={{ backgroundImage: `url(${bgHero})`, backgroundSize: 'cover', backgroundPosition: 'center' }}>
+      <h2 className="text-4xl font-bold mb-8 text-center text-[#000435] bg-white dark:text-white dark:bg-[#000435] mt-8">
         Contact Us
       </h2>
       <section className="w-full max-w-4xl flex flex-col md:flex-row text-[#000435] bg-white dark:text-white dark:bg-[#000435] rounded-lg shadow border md:mt-0 border-blue-700 dark:border-sky-500">