diff --git a/landing/header.css b/landing/header.css
index f285a3522..c8cdf473c 100644
--- a/landing/header.css
+++ b/landing/header.css
@@ -1,109 +1,113 @@
 nav.wrapper {
   transition-property: max-width;
   transition: 300ms;
   max-width: 1850px;
   margin-left: auto;
   margin-right: auto;
   display: grid;
   padding: 16px 0;
   align-items: center;
   grid-template-columns: 40px repeat(12, 1fr) 40px;
   column-gap: 1.5%;
   grid-template-areas: '. logo logo . . . page_nav page_nav . cta_btn cta_btn cta_btn sIcons .';
 }
 
 .logo {
   grid-area: logo;
 }
 
 .logo h1 {
   font-size: 28px;
   font-weight: 500;
   color: var(--logo-color);
 }
 
 .tab {
   font-size: 24px;
-  font-weight: 400;
-  color: var(--unselected);
+  font-weight: 500;
+  color: #808080;
   font-family: 'IBM Plex Sans', sans-serif;
-  transition: 300ms;
+  transition: 150ms;
+  transition-property: color;
+}
+.tab:hover {
+  color: #ffffff;
 }
 
 .page_nav {
   grid-area: page_nav;
   display: flex;
   justify-content: space-evenly;
   min-width: 225px;
 }
 
 div.button_container {
   grid-area: cta_btn;
   display: flex;
   width: 100%;
   justify-content: flex-end;
 }
 
 .social_icons {
   grid-area: sIcons;
   display: flex;
   justify-self: flex-end;
 }
 
 .github_icon {
   padding-left: 14px;
   font-size: 20px;
   grid-area: gIcon;
 }
 
 .twitter_icon {
   font-size: 20px;
   grid-area: tIcon;
 }
 
 @media screen and (max-width: 1099px) {
   nav.wrapper {
     grid-template-columns: 16px repeat(12, 1fr) 16px;
     grid-template-areas: '. logo logo page_nav page_nav page_nav page_nav page_nav page_nav page_nav page_nav sIcons sIcons .';
   }
 
   .logo {
     min-width: 85px;
   }
 
   .page_nav {
     justify-content: center;
     gap: 12px;
   }
 
   .request_access,
   div.button_container,
   button.request_access {
     display: none;
   }
 
   .github_icon,
   .twitter_icon {
     display: block;
   }
 }
 
 @media screen and (max-width: 480px) {
   nav.wrapper {
     grid-template-columns: 16px repeat(6, 1fr) 16px;
     grid-template-rows: 1fr 1fr;
     column-gap: 1.5%;
     row-gap: 25px;
     grid-template-areas:
       '. logo logo . . sIcons sIcons .'
       '. page_nav page_nav page_nav page_nav page_nav page_nav .';
   }
 
   .page_nav {
     grid-area: page_nav;
     display: flex;
     justify-content: center;
     gap: 40px;
     min-width: 225px;
   }
 }
diff --git a/landing/header.react.js b/landing/header.react.js
index 20a3737a0..0a36a1499 100644
--- a/landing/header.react.js
+++ b/landing/header.react.js
@@ -1,59 +1,58 @@
 // @flow
 
 import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import * as React from 'react';
 import { NavLink } from 'react-router-dom';
 
 import Button from './button.react.js';
 import css from './header.css';
 
 type HeaderProps = {
   +onRequestAccess: (e: Event) => Promise<void>,
 };
 
 const iconProps = {
   size: 'lg',
   color: '#ebedee',
 };
 
 const navLinkProps = {
   className: css.tab,
   activeStyle: {
     color: 'white',
-    fontWeight: '500',
   },
 };
 
 function Header(props: HeaderProps): React.Node {
   const { onRequestAccess } = props;
 
   return (
     <nav className={css.wrapper}>
       <NavLink to="/" className={css.logo}>
         <h1>Comm</h1>
       </NavLink>
       <div className={css.page_nav}>
         <NavLink to="/" exact {...navLinkProps}>
           App
         </NavLink>
         <NavLink to="/keyservers" exact {...navLinkProps}>
           Keyserver
         </NavLink>
       </div>
       <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">
           <FontAwesomeIcon icon={faTwitter} {...iconProps} />
         </a>
         <a className={css.github_icon} href="https://github.com/CommE2E/comm">
           <FontAwesomeIcon icon={faGithub} {...iconProps} />
         </a>
       </div>
     </nav>
   );
 }
 
 export default Header;