diff --git a/landing/header.css b/landing/header.css
--- a/landing/header.css
+++ b/landing/header.css
@@ -44,21 +44,15 @@
   justify-content: flex-end;
 }
 
-.social_icons {
+.social_icons_container {
   grid-area: sIcons;
   display: flex;
   justify-self: flex-end;
 }
 
-.github_icon {
+.social_icon {
   padding-left: 14px;
   font-size: 20px;
-  grid-area: gIcon;
-}
-
-.twitter_icon {
-  font-size: 20px;
-  grid-area: tIcon;
 }
 
 @media screen and (max-width: 1099px) {
@@ -82,8 +76,7 @@
     display: none;
   }
 
-  .github_icon,
-  .twitter_icon {
+  .social_icon {
     display: block;
   }
 }
diff --git a/landing/header.react.js b/landing/header.react.js
--- a/landing/header.react.js
+++ b/landing/header.react.js
@@ -1,6 +1,7 @@
 // @flow
 
 import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';
+import { faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import * as React from 'react';
 import { NavLink } from 'react-router-dom';
@@ -44,11 +45,14 @@
       <div className={css.button_container}>
         <Button onClick={onRequestAccess}>Request Access</Button>
       </div>
-      <div className={css.social_icons}>
-        <a className={css.twitter_icon} href="https://twitter.com/commdotapp">
+      <div className={css.social_icons_container}>
+        <a className={css.social_icon} href="https://web.comm.app">
+          <FontAwesomeIcon icon={faExternalLinkAlt} {...iconProps} />
+        </a>
+        <a className={css.social_icon} href="https://twitter.com/commdotapp">
           <FontAwesomeIcon icon={faTwitter} {...iconProps} />
         </a>
-        <a className={css.github_icon} href="https://github.com/CommE2E/comm">
+        <a className={css.social_icon} href="https://github.com/CommE2E/comm">
           <FontAwesomeIcon icon={faGithub} {...iconProps} />
         </a>
       </div>