diff --git a/pages/about/index.module.css b/pages/about/index.module.css
index c3fc0309..18fcff9d 100644
--- a/pages/about/index.module.css
+++ b/pages/about/index.module.css
@@ -35,6 +35,10 @@
   height: calc(400rem / 16);
 }
 
+.connectWithUs {
+  padding-bottom: calc(96rem / 16);
+}
+
 @media only screen and (max-width: calc(768rem / 16)) {
   .titleContainer {
     display: flex;
diff --git a/pages/about/index.tsx b/pages/about/index.tsx
index ad641899..4eb2bbef 100644
--- a/pages/about/index.tsx
+++ b/pages/about/index.tsx
@@ -19,10 +19,12 @@ export default function AboutUs() {
       <div className={styles.content}>
         <Content />
       </div>
-      <DefaultLayout>
-        <ConnectWithUs />
-        <EmailSignup />
-      </DefaultLayout>
+      <div className={styles.connectWithUs}>
+        <DefaultLayout>
+          <ConnectWithUs />
+          <EmailSignup />
+        </DefaultLayout>
+      </div>
     </>
   );
 }