diff --git a/landing/header.react.js b/landing/header.react.js
index b56925b3c..cd76a1aca 100644
--- a/landing/header.react.js
+++ b/landing/header.react.js
@@ -1,155 +1,155 @@
 // @flow
 
 import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';
 import {
   faExternalLinkAlt,
   faBars,
   faTimes,
   faDownload,
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import classNames from 'classnames';
 import * as React from 'react';
 import { NavLink } from 'react-router-dom';
 
 import type { SetState } from 'lib/types/hook-types.js';
 
 import FarcasterLogo from './assets/farcaster-logo.react.js';
 import css from './header.css';
 import typography from './typography.css';
 
 // This value comes from the breakpoint value in header.css. Please make sure
 // that this value is in sync with header.css if ever changed
 export const HEADER_BREAKPOINT = 904; // px
 
 type Props = {
   +showMobileNav: boolean,
   +setShowMobileNav: SetState<boolean>,
 };
 
 function Header(props: Props): React.Node {
   const { showMobileNav, setShowMobileNav } = props;
 
   const headerContentContainerClassName = classNames({
     [css.headerNavContentContainer]: true,
     [css.headerContainerMobileNavActive]: showMobileNav,
   });
 
   const logoTextClassName = classNames([typography.heading2, css.logoText]);
   const badgeClassName = classNames([typography.paragraph2, css.betaBadge]);
   const navLinkClassName = classNames([typography.subheading2, css.tab]);
 
   const onClickLogo = React.useCallback(() => {
     setShowMobileNav(false);
   }, [setShowMobileNav]);
 
   const onClickMobileNavIcon = React.useCallback(() => {
     setShowMobileNav(!showMobileNav);
   }, [setShowMobileNav, showMobileNav]);
 
   return (
     <nav className={css.headerContainer}>
       <div className={headerContentContainerClassName}>
         <div className={css.logo}>
           <NavLink to="/">
             <h1 onClick={onClickLogo} className={logoTextClassName}>
               Comm
             </h1>
           </NavLink>
           <div className={badgeClassName}>Beta</div>
         </div>
         <div className={css.pageNav}>
           <NavLink
             to="/keyservers"
             exact
             className={navLinkClassName}
             activeClassName={css.activeTab}
           >
             Keyserver
           </NavLink>
           <NavLink
             to="/team"
             exact
             className={navLinkClassName}
             activeClassName={css.activeTab}
           >
             Team
           </NavLink>
           <NavLink
             to="/investors"
             exact
             className={navLinkClassName}
             activeClassName={css.activeTab}
           >
             Investors
           </NavLink>
         </div>
         <div className={css.socialIconsContainer}>
           <NavLink
             to="/download"
             exact
             className={navLinkClassName}
             activeClassName={css.activeTab}
           >
             <div className={css.commAppIcon}>
               <FontAwesomeIcon
                 icon={faDownload}
                 className={css.icon}
                 size="sm"
               />
             </div>
           </NavLink>
           <a href="https://web.comm.app" target="_blank" rel="noreferrer">
             <div className={css.commAppIcon}>
               <FontAwesomeIcon
                 icon={faExternalLinkAlt}
                 className={css.icon}
                 size="sm"
               />
             </div>
           </a>
+          <a
+            href="https://github.com/CommE2E/comm"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div className={css.githubIcon}>
+              <FontAwesomeIcon icon={faGithub} className={css.icon} size="sm" />
+            </div>
+          </a>
+          <div className={css.menuIcon} onClick={onClickMobileNavIcon}>
+            <FontAwesomeIcon
+              icon={showMobileNav ? faTimes : faBars}
+              className={css.icon}
+              size="sm"
+            />
+          </div>
           <a
             href="https://warpcast.com/comm.eth"
             target="_blank"
             rel="noreferrer"
           >
             <div className={css.farcasterIcon}>
               <FarcasterLogo size={30} className={css.icon} />
             </div>
           </a>
           <a
             href="https://twitter.com/commdotapp"
             target="_blank"
             rel="noreferrer"
           >
             <div className={css.twitterIcon}>
               <FontAwesomeIcon
                 icon={faTwitter}
                 className={css.icon}
                 size="sm"
               />
             </div>
           </a>
-          <a
-            href="https://github.com/CommE2E/comm"
-            target="_blank"
-            rel="noreferrer"
-          >
-            <div className={css.githubIcon}>
-              <FontAwesomeIcon icon={faGithub} className={css.icon} size="sm" />
-            </div>
-          </a>
-          <div className={css.menuIcon} onClick={onClickMobileNavIcon}>
-            <FontAwesomeIcon
-              icon={showMobileNav ? faTimes : faBars}
-              className={css.icon}
-              size="sm"
-            />
-          </div>
         </div>
       </div>
     </nav>
   );
 }
 
 export default Header;
diff --git a/landing/mobile-nav.react.js b/landing/mobile-nav.react.js
index 1a62ef386..b2e1daa24 100644
--- a/landing/mobile-nav.react.js
+++ b/landing/mobile-nav.react.js
@@ -1,108 +1,108 @@
 // @flow
 
 import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';
 import { faDownload } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import classNames from 'classnames';
 import * as React from 'react';
 import { NavLink } from 'react-router-dom';
 
 import type { SetState } from 'lib/types/hook-types.js';
 
 import FarcasterLogo from './assets/farcaster-logo.react.js';
 import css from './mobile-nav.css';
 import typography from './typography.css';
 
 type Props = {
   +showMobileNav: boolean,
   +setShowMobileNav: SetState<boolean>,
 };
 
 function MobileNav(props: Props): React.Node {
   const { showMobileNav, setShowMobileNav } = props;
 
   const navLinkClassName = classNames([typography.paragraph2, css.tab]);
 
   const mobileNavClassName = classNames({
     [css.mobileNav]: true,
     [css.activeMobileNav]: showMobileNav,
   });
 
   const dismissMobileNav = React.useCallback(() => {
     setShowMobileNav(false);
   }, [setShowMobileNav]);
 
   return (
     <nav className={mobileNavClassName}>
       <div className={css.tabContainer}>
         <NavLink
           to="/keyservers"
           exact
           className={navLinkClassName}
           activeClassName={css.activeTab}
         >
           <div onClick={dismissMobileNav} className={css.tabContent}>
             Keyserver
           </div>
         </NavLink>
       </div>
       <div className={css.tabContainer}>
         <NavLink
           to="/team"
           exact
           className={navLinkClassName}
           activeClassName={css.activeTab}
         >
           <div onClick={dismissMobileNav} className={css.tabContent}>
             Team
           </div>
         </NavLink>
       </div>
       <div className={css.tabContainer}>
         <NavLink
           to="/investors"
           exact
           className={navLinkClassName}
           activeClassName={css.activeTab}
         >
           <div onClick={dismissMobileNav} className={css.tabContent}>
             Investors
           </div>
         </NavLink>
       </div>
       <div className={css.socialIconsContainer}>
         <NavLink to="/download" exact className={navLinkClassName}>
           <FontAwesomeIcon
             onClick={dismissMobileNav}
             icon={faDownload}
             className={css.icon}
             size="1x"
           />
         </NavLink>
         <a
-          href="https://warpcast.com/comm.eth"
+          href="https://github.com/CommE2E/comm"
           target="_blank"
           rel="noreferrer"
         >
-          <FarcasterLogo size={20} className={css.icon} />
+          <FontAwesomeIcon icon={faGithub} className={css.icon} size="1x" />
         </a>
         <a
-          href="https://twitter.com/commdotapp"
+          href="https://warpcast.com/comm.eth"
           target="_blank"
           rel="noreferrer"
         >
-          <FontAwesomeIcon icon={faTwitter} className={css.icon} size="1x" />
+          <FarcasterLogo size={20} className={css.icon} />
         </a>
         <a
-          href="https://github.com/CommE2E/comm"
+          href="https://twitter.com/commdotapp"
           target="_blank"
           rel="noreferrer"
         >
-          <FontAwesomeIcon icon={faGithub} className={css.icon} size="1x" />
+          <FontAwesomeIcon icon={faTwitter} className={css.icon} size="1x" />
         </a>
       </div>
     </nav>
   );
 }
 
 export default MobileNav;