diff --git a/landing/hero-content.css b/landing/hero-content.css
index 84bd90440..dfcaf79ca 100644
--- a/landing/hero-content.css
+++ b/landing/hero-content.css
@@ -1,61 +1,66 @@
 .cycling_header {
   --smallest-font-size: 30px;
   --largest-font-size: 72px;
   --font-scale: calc(1rem + 2vw);
   font-weight: bold;
   font-family: 'iA Writer Duo S', monospace;
   padding-bottom: 16px;
   font-size: clamp(
     var(--smallest-font-size),
     var(--font-scale),
     var(--largest-font-size)
   );
 }
 
 .sub_heading {
   --smallest-font-size: 16px;
   --largest-font-size: 50px;
   --font-scale: calc(0.75rem + 1.25vw);
 
   font-size: clamp(
     var(--smallest-font-size),
     var(--font-scale),
     var(--largest-font-size)
   );
 }
 
 .cycling_content,
 .sub_heading {
   font-family: 'iA Writer Duo S', monospace;
   text-align: left;
   line-height: 1.35;
   letter-spacing: -0.01em;
 }
 
 .cycling_content {
   background: var(--sub-heading-color);
 }
 
 .sub_heading {
   color: var(--sub-heading-color);
 }
 
+.contentWrapper {
+  flex-basis: 300px;
+}
+
 button.request_access {
   display: none;
 }
 
 @media screen and (max-width: 1099px) {
   button.request_access {
     display: none;
     all: unset;
     border-radius: 4px;
     font-size: 16px;
+    font-weight: 500;
     background-color: var(--btn-bg);
     color: var(--btn-color);
     justify-content: center;
     padding: 12px 18px;
     transition: 300ms;
-    flex-basis: 130px;
+    flex-basis: 48px;
     text-align: center;
   }
 }
diff --git a/landing/hero-content.react.js b/landing/hero-content.react.js
index 685164d8a..4e76d518c 100644
--- a/landing/hero-content.react.js
+++ b/landing/hero-content.react.js
@@ -1,40 +1,42 @@
 // @flow
 
 import * as React from 'react';
 import TextLoop from 'react-text-loop';
 
 import { assetMetaData } from './asset-meta-data';
 import css from './hero-content.css';
 
 type HeroContentProps = {
   +onRequestAccess: (e: Event) => Promise<void>,
 };
 
 function HeroContent(props: HeroContentProps): React.Node {
   const { onRequestAccess } = props;
   const [hero] = assetMetaData;
 
   return (
     <section className={hero.infoStyle}>
-      <h1 className={css.cycling_header}>
-        {'Comm is crypto-native\nchat for '}
-        <TextLoop
-          interval={1750}
-          springConfig={{ stiffness: 180, damping: 16 }}
-        >
-          <span className={css.cycling_content}>DAOs</span>
-          <span className={css.cycling_content}>venture funds</span>
-          <span className={css.cycling_content}>open source</span>
-          <span className={css.cycling_content}>gaming guilds</span>
-          <span className={css.cycling_content}>social clubs</span>
-        </TextLoop>
-      </h1>
-      <p className={css.sub_heading}>(think &quot;Web3 Discord&quot;)</p>
+      <div className={css.contentWrapper}>
+        <h1 className={css.cycling_header}>
+          {'Comm is crypto-native\nchat for '}
+          <TextLoop
+            interval={1750}
+            springConfig={{ stiffness: 180, damping: 16 }}
+          >
+            <span className={css.cycling_content}>DAOs</span>
+            <span className={css.cycling_content}>venture funds</span>
+            <span className={css.cycling_content}>open source</span>
+            <span className={css.cycling_content}>gaming guilds</span>
+            <span className={css.cycling_content}>social clubs</span>
+          </TextLoop>
+        </h1>
+        <p className={css.sub_heading}>(think &quot;Web3 Discord&quot;)</p>
+      </div>
       <button className={css.request_access} onClick={onRequestAccess}>
         Request Access
       </button>
     </section>
   );
 }
 
 export default HeroContent;
diff --git a/landing/landing.css b/landing/landing.css
index 077e0992a..82372162c 100644
--- a/landing/landing.css
+++ b/landing/landing.css
@@ -1,125 +1,131 @@
 .wrapper {
   transition-property: max-width;
   transition: 300ms;
   max-width: 1850px;
   margin-left: auto;
   margin-right: auto;
   display: grid;
   align-items: center;
   padding-top: 7vh;
   padding-bottom: 235px;
   grid-template-columns: 40px repeat(12, 1fr) 40px;
   grid-template-rows: repeat(auto-fill, 1fr);
   column-gap: 1.5%;
   row-gap: 75px;
   grid-template-areas:
     '.    hImg  hImg  hImg  hImg  .     hInfo hInfo hInfo hInfo hInfo hInfo hInfo .'
     '.    fImg  fImg  fImg  fImg  fImg  .     fInfo fInfo fInfo fInfo fInfo fInfo .'
     '.    cInfo cInfo cInfo cInfo cInfo cInfo .     cImg  cImg  cImg  cImg  cImg  cImg'
     '.    eImg  eImg  eImg  eImg  eImg  .     eInfo eInfo eInfo eInfo eInfo eInfo .'
     '.    sInfo sInfo sInfo sInfo sInfo sInfo .     sImg  sImg  sImg  sImg  sImg  .'
     'oImg oImg  oImg  oImg  oImg  oImg  .     oInfo oInfo oInfo oInfo oInfo oInfo .'
     '.    lInfo lInfo lInfo lInfo lInfo lInfo .     lImg  lImg  lImg  lImg  lImg  .';
 }
 
 @media screen and (max-width: 1099px) {
   .wrapper {
     margin-left: auto;
     margin-right: auto;
     display: grid;
     align-items: center;
     padding-top: 7vh;
     padding-bottom: 235px;
     grid-template-columns: 16px repeat(6, 1fr) 16px;
     grid-template-rows: repeat(auto-fill, 1fr);
     column-gap: 1.5%;
     row-gap: 75px;
     grid-template-areas:
       '.    hInfo hInfo hInfo hInfo hInfo hInfo .'
       '.    fInfo fInfo fInfo fInfo fInfo fInfo .'
       '.    fImg  fImg  fImg  fImg  fImg  fImg  .'
       '.    cInfo cInfo cInfo cInfo cInfo cInfo .'
       '.    cImg  cImg  cImg  cImg  cImg  cImg  cImg'
       '.    eInfo eInfo eInfo eInfo eInfo eInfo .'
       '.    eImg  eImg  eImg  eImg  eImg  eImg  .'
       '.    sInfo sInfo sInfo sInfo sInfo sInfo .'
       '.    sImg  sImg  sImg  sImg  sImg  sImg  .'
       '.    oInfo oInfo oInfo oInfo oInfo oInfo .'
       'oImg oImg  oImg  oImg  oImg  oImg  oImg  .'
       '.    lInfo lInfo lInfo lInfo lInfo lInfo .'
       '.    lImg  lImg  lImg  lImg  lImg  lImg  .';
   }
 
   .heroImage {
     display: none;
   }
 
+  .heroInfo {
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 1.5rem;
+  }
+
   .federatedImage {
     justify-self: center;
   }
 
   .encryptedImage {
     justify-self: center;
     max-width: 585px;
   }
 
   .sovereignImage {
     justify-self: center;
   }
 }
 
 .heroImage {
   grid-area: hImg;
 }
 
 .heroInfo {
   grid-area: hInfo;
 }
 
 .federatedImage {
   grid-area: fImg;
 }
 
 .federatedInfo {
   grid-area: fInfo;
 }
 
 .customizableImage {
   grid-area: cImg;
 }
 
 .customizableInfo {
   grid-area: cInfo;
 }
 
 .encryptedImage {
   grid-area: eImg;
 }
 
 .encryptedInfo {
   grid-area: eInfo;
 }
 
 .sovereignImage {
   grid-area: sImg;
 }
 
 .sovereignInfo {
   grid-area: sInfo;
 }
 
 .openSourceImage {
   grid-area: oImg;
 }
 
 .openSourceInfo {
   grid-area: oInfo;
 }
 
 .lessNoisyImage {
   grid-area: lImg;
 }
 
 .lessNoisyInfo {
   grid-area: lInfo;
 }