diff --git a/landing/footer.css b/landing/footer.css
index 70b19df4d..5595735a5 100644
--- a/landing/footer.css
+++ b/landing/footer.css
@@ -1,74 +1,79 @@
 footer.wrapper {
   background: rgba(235, 235, 235, 0.05);
   backdrop-filter: blur(12px);
   position: sticky;
   top: 100vh;
 }
 
 .contentWrapper {
   max-width: 1850px;
   margin-left: auto;
   margin-right: auto;
   display: grid;
   padding: 50px 0;
   grid-template-columns: 40px repeat(12, 1fr) 40px;
   column-gap: 1.5%;
   align-items: center;
   grid-template-areas: '. nav nav nav . . . sub sub sub sub sub sub .';
 }
 
 @media screen and (max-width: 1099px) {
   .contentWrapper {
     grid-template-columns: 16px repeat(6, 1fr) 16px;
     grid-template-rows: 1fr 1fr;
     column-gap: 1.5%;
     grid-template-areas:
       '. sub sub sub sub sub sub . '
       '. nav nav nav nav nav nav . ';
   }
 
   .submissionForm form {
     display: flex;
     flex-direction: column;
   }
 
   .submissionForm form input {
     margin-bottom: 24px;
   }
 }
 
 .navigation {
   grid-area: nav;
   display: flex;
   flex-direction: column;
 }
 
 .navigation a {
   font-size: clamp(1rem, 0.8954rem + 0.5229vw, 1.5rem);
   font-weight: 400;
 }
+
+.navigation svg {
+  margin-left: 8px;
+}
+
 .navigation a,
 .navigation svg {
   color: #808080;
   transition: 150ms;
   transition-property: color;
 }
 
 .navigation a:hover,
 .navigation a:hover svg {
   color: #ffffff;
   transition: 150ms;
   transition-property: color;
 }
 
 a.logo {
   font-family: var(--sans-serif);
   font-weight: 500;
   color: var(--logo-color);
   font-size: 28px;
   padding-bottom: 16px;
 }
 
 .submissionForm {
   grid-area: sub;
 }
diff --git a/landing/footer.react.js b/landing/footer.react.js
index 18a700c01..6f3bd8939 100644
--- a/landing/footer.react.js
+++ b/landing/footer.react.js
@@ -1,58 +1,66 @@
 // @flow
 
 import { faExternalLinkSquareAlt } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import * as React from 'react';
 import { NavLink } from 'react-router-dom';
 
 import css from './footer.css';
 import SubscriptionForm from './subscription-form.react';
 
 const navLinkProps = {
   activeStyle: {
     color: 'white',
     fontWeight: '500',
   },
 };
 
 function Footer(): React.Node {
   return (
     <footer className={css.wrapper}>
       <div className={css.contentWrapper}>
         <div className={css.navigation}>
           <NavLink className={css.logo} to="/">
             Comm
           </NavLink>
           <NavLink to="/keyservers" exact {...navLinkProps}>
             Keyservers
           </NavLink>
           <NavLink to="/support" exact {...navLinkProps}>
             Support
           </NavLink>
           <NavLink to="/team" exact {...navLinkProps}>
             Team
           </NavLink>
           <NavLink to="/terms" exact {...navLinkProps}>
             Terms of Use
           </NavLink>
           <NavLink to="/privacy" exact {...navLinkProps}>
             Privacy Policy
           </NavLink>
           <a href="https://www.notion.so/How-Comm-works-d6217941db7c4237b9d08b427aef3234">
-            How Comm works{' '}
+            Learn how Comm works
+            <FontAwesomeIcon
+              size="sm"
+              color="#ffffff"
+              icon={faExternalLinkSquareAlt}
+            />
+          </a>
+          <a href="https://commapp.notion.site/Learn-more-about-Comm-1efb9b646d504dddae30a20b4f33200e">
+            About Comm
             <FontAwesomeIcon
               size="sm"
               color="#ffffff"
               icon={faExternalLinkSquareAlt}
             />
           </a>
         </div>
         <div className={css.submissionForm}>
           <SubscriptionForm />
         </div>
       </div>
     </footer>
   );
 }
 
 export default Footer;