diff --git a/src/components/common/header/header.module.scss b/src/components/common/header/header.module.scss
index a6430c8..8375c09 100644
--- a/src/components/common/header/header.module.scss
+++ b/src/components/common/header/header.module.scss
@@ -110,22 +110,22 @@
     }
 
     .social {
-      display: grid;
+      display: flex;
+      flex-flow: row wrap;
       position: relative;
-      justify-content: center;
-      margin: tovw(16px, 'mobile') 0;
+      place-content: center;
+      margin: tovw(16px, 'mobile') auto;
       padding-top: tovw(10px, 'mobile');
-      width: 100%;
+      width: 70%;
       gap: tovw(24px, 'mobile');
       grid-template-columns: repeat(6, tovw(24px, 'mobile'));
 
       &::after {
         position: absolute;
         top: tovw(-32px, 'mobile');
-        left: tovw(-16px, 'mobile');
         margin: tovw(15px, 'mobile') 0;
         background: white;
-        width: calc(100% + tovw(32px, 'mobile'));
+        width: calc(100vw - tovw(32px, 'mobile'));
         height: tovw(1px, 'mobile', 1px);
         content: '';
       }
diff --git a/src/components/sections/about/hero/hero.module.scss b/src/components/sections/about/hero/hero.module.scss
index deb1d3e..5e6cda0 100644
--- a/src/components/sections/about/hero/hero.module.scss
+++ b/src/components/sections/about/hero/hero.module.scss
@@ -13,6 +13,29 @@
   max-width: 100%;
   min-height: calc(var(--vh) * 100);
 
+  .hero__container {
+    @include respond-to('mobile') {
+      display: flex;
+      place-content: center;
+      min-height: tovw(430px, 'mobile', 495px);
+    }
+
+    display: none;
+
+    .hero__mobile {
+      @include respond-to('mobile') {
+        display: flex;
+        margin: tovw(30px, 'mobile', 75px) 0 tovw(-25px, 'mobile')
+          tovw(10px, 'mobile', 10px);
+        width: 300%;
+        mix-blend-mode: screen;
+        place-self: center;
+      }
+
+      display: none;
+    }
+  }
+
   .video_container {
     @include respond-to('mobile') {
       min-height: unset;
@@ -53,19 +76,6 @@
       content: '';
     }
   }
-
-  .hero__mobile {
-    @include respond-to('mobile') {
-      display: flex;
-      margin: tovw(30px, 'mobile', 75px) 0 tovw(-25px, 'mobile')
-        tovw(10px, 'mobile', 10px);
-      width: 300%;
-      mix-blend-mode: screen;
-      place-self: center;
-    }
-
-    display: none;
-  }
 }
 
 .container {
diff --git a/src/components/sections/about/hero/index.tsx b/src/components/sections/about/hero/index.tsx
index 581edda..fa8c4c3 100644
--- a/src/components/sections/about/hero/index.tsx
+++ b/src/components/sections/about/hero/index.tsx
@@ -35,12 +35,14 @@ const Hero = ({ data }: Props) => {
           <source src="/videos/banner-about.mp4" type="video/mp4" />
         </video>
       </div>
-      <img
-        className={s.hero__mobile}
-        loading="eager"
-        alt="hero"
-        src="/images/about/about.jpg"
-      />
+      <div className={s.hero__container}>
+        <img
+          className={s.hero__mobile}
+          loading="eager"
+          alt="hero"
+          src="/images/about/about.jpg"
+        />
+      </div>
       <Container className={s['container']}>
         <div className={s['body']}>
           <div className={s['header']}>
diff --git a/src/components/sections/careers/hero/hero.module.scss b/src/components/sections/careers/hero/hero.module.scss
index 68a2b7e..3705d4d 100644
--- a/src/components/sections/careers/hero/hero.module.scss
+++ b/src/components/sections/careers/hero/hero.module.scss
@@ -23,7 +23,7 @@
 
   .hero__container {
     @include respond-to('mobile') {
-      min-height: unset;
+      min-height: tovw(400px, 'mobile', 510px);
     }
 
     display: flex;
diff --git a/src/components/sections/community/hero/hero.module.scss b/src/components/sections/community/hero/hero.module.scss
index e956cc3..26440dd 100644
--- a/src/components/sections/community/hero/hero.module.scss
+++ b/src/components/sections/community/hero/hero.module.scss
@@ -19,17 +19,27 @@
   grid-template-columns: repeat(2, 1fr);
   grid-template-rows: repeat(2, 1fr);
 
-  .hero__mobile {
+  .hero__container {
     @include respond-to('mobile') {
       display: flex;
-      margin-right: tovw(150px, 'mobile');
-      padding-top: tovw(65px, 'mobile');
-      width: 250%;
-      mix-blend-mode: screen;
-      place-self: center;
+      place-content: center;
+      min-height: tovw(450px, 'mobile', 515px);
     }
 
     display: none;
+
+    .hero__mobile {
+      @include respond-to('mobile') {
+        display: flex;
+        margin-right: tovw(150px, 'mobile');
+        padding-top: tovw(65px, 'mobile');
+        width: 250%;
+        mix-blend-mode: screen;
+        place-self: center;
+      }
+
+      display: none;
+    }
   }
 }
 
@@ -137,7 +147,7 @@
 .buttons__container {
   @include respond-to('mobile') {
     flex-direction: column;
-    margin-top: tovw(88px, 'default', 88px);
+    margin-top: tovw(30px, 'default', 30px);
     width: 100%;
     gap: tovw(20px, 'mobile');
 
diff --git a/src/components/sections/community/hero/index.tsx b/src/components/sections/community/hero/index.tsx
index 56d632f..e2074e3 100644
--- a/src/components/sections/community/hero/index.tsx
+++ b/src/components/sections/community/hero/index.tsx
@@ -33,12 +33,14 @@ const Hero = ({ data }: Props) => {
           <source src="/videos/banner-community.mp4" type="video/mp4" />
         </video>
       </div>
-      <img
-        className={s.hero__mobile}
-        loading="eager"
-        alt="hero"
-        src="/images/community/hero/community.jpg"
-      />
+      <div className={s.hero__container}>
+        <img
+          className={s.hero__mobile}
+          loading="eager"
+          alt="hero"
+          src="/images/community/hero/community.jpg"
+        />
+      </div>
       <div className={s['header']}>
         <Heading as="h1" variant="xl">
           {data?.heroHeading}
diff --git a/src/components/sections/contact/hero/hero.module.scss b/src/components/sections/contact/hero/hero.module.scss
index 93e68d3..f3ddbfe 100644
--- a/src/components/sections/contact/hero/hero.module.scss
+++ b/src/components/sections/contact/hero/hero.module.scss
@@ -26,7 +26,7 @@
 
   .hero__container {
     @include respond-to('mobile') {
-      min-height: unset;
+      min-height: tovw(400px, 'mobile', 510px);
     }
 
     display: flex;
diff --git a/src/components/sections/newsroom/hero/hero.module.scss b/src/components/sections/newsroom/hero/hero.module.scss
index 2335ab2..e1657bc 100644
--- a/src/components/sections/newsroom/hero/hero.module.scss
+++ b/src/components/sections/newsroom/hero/hero.module.scss
@@ -5,7 +5,7 @@
     margin-bottom: tovw(88px, 'mobile');
     padding: 0;
     width: 100vw;
-    justify-content: flex-start;
+    justify-content: center;
   }
 
   display: flex;
@@ -23,7 +23,7 @@
 
   .hero__container {
     @include respond-to('mobile') {
-      min-height: unset;
+      min-height: tovw(360px, 'mobile', 460px);
     }
 
     display: flex;
diff --git a/src/components/sections/partners/hero/hero.module.scss b/src/components/sections/partners/hero/hero.module.scss
index 86cdee4..c545f9e 100644
--- a/src/components/sections/partners/hero/hero.module.scss
+++ b/src/components/sections/partners/hero/hero.module.scss
@@ -23,7 +23,7 @@
 
   .hero__container {
     @include respond-to('mobile') {
-      min-height: unset;
+      min-height: tovw(400px, 'mobile', 480px);
     }
 
     display: flex;