diff --git a/client/src/components/contact/contact-section.tsx b/client/src/components/contact/contact-section.tsx
index 2355a79..6aab757 100644
--- a/client/src/components/contact/contact-section.tsx
+++ b/client/src/components/contact/contact-section.tsx
@@ -1,8 +1,8 @@
 export function ContactSection() {
   return (
     <section className="pt-6 pb-12 bg-white">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="text-center mb-10">
+      <div className="max-w-5xl mx-auto px-2 sm:px-4 lg:px-6">
+        <div className="text-center mb-8">
           <h2 className="text-3xl md:text-4xl font-playfair font-semibold mb-4 text-[#49878f]">
             Get In Touch
           </h2>
@@ -12,7 +12,7 @@ export function ContactSection() {
         </div>
         
         <div className="w-full">
-          <div className="w-full max-w-4xl mx-auto">
+          <div className="w-full mx-auto">
             <iframe
               src="https://us5.list-manage.com/contact-form?u=1d139a47cd1264b937687c37e&form_id=570823f6e3a6f36704ea241f7201c8ac"
               width="100%"
@@ -24,7 +24,9 @@ export function ContactSection() {
               style={{
                 border: 'none',
                 backgroundColor: 'transparent',
-                overflow: 'hidden'
+                overflow: 'hidden',
+                margin: '0',
+                padding: '0'
               }}
               title="Contact Form"
             >