diff --git a/landing/feature-modal.react.js b/landing/feature-modal.react.js
index fe64b1a5f..1797e444a 100644
--- a/landing/feature-modal.react.js
+++ b/landing/feature-modal.react.js
@@ -1,76 +1,82 @@
 // @flow
 
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import classNames from 'classnames';
 import * as React from 'react';
 
 import ModalOverlay from 'lib/components/modal-overlay.react.js';
 import { useModalContext } from 'lib/components/modal-provider.react.js';
 
 import type { FeatureComparison, Competitor } from './competitor-data.js';
 import CompetitorFeature from './competitor-feature.react.js';
 import css from './feature-modal.css';
 import typography from './typography.css';
 
 type Props = {
   +competitor: Competitor,
   +feature: FeatureComparison,
 };
 
 function FeatureModal(props: Props): React.Node {
   const { competitor, feature } = props;
 
   const { popModal } = useModalContext();
 
   const furtherReadingClassName = classNames(
     typography.paragraph1,
     css.furtherReadingsText,
   );
   const linkClassName = classNames([typography.paragraph2, css.linkText]);
 
   const furtherReadingLinks = React.useMemo(() => {
     if (!feature.furtherReadingLinks) {
       return null;
     }
 
     const links = feature.furtherReadingLinks.map((link, index) => (
-      <a key={index} href={link} target="blank" className={linkClassName}>
+      <a
+        key={index}
+        href={link}
+        target="_blank"
+        rel="noreferrer"
+        className={linkClassName}
+      >
         {link}
       </a>
     ));
 
     return (
       <div className={css.furtherReadingContainer}>
         <p className={furtherReadingClassName}>Further reading</p>
         <div className={css.linksContainer}>{links}</div>
       </div>
     );
   }, [feature.furtherReadingLinks, furtherReadingClassName, linkClassName]);
 
   return (
     <ModalOverlay onClose={popModal} backgroundColor="var(--modal-overlay)">
       <div className={css.modalContainer}>
         <div className={css.featureContainer}>
           <CompetitorFeature
             competitorID={competitor.id}
             title={feature.title}
             comingSoon={feature.comingSoon}
             competitorDescription={feature.competitorDescriptionLong}
             commDescription={feature.commDescriptionLong}
           />
           <div className={css.closeIconContainer} onClick={popModal}>
             <FontAwesomeIcon
               icon={faTimes}
               className={css.closeIcon}
               size="lg"
             />
           </div>
         </div>
         {furtherReadingLinks}
       </div>
     </ModalOverlay>
   );
 }
 
 export default FeatureModal;
diff --git a/landing/footer.react.js b/landing/footer.react.js
index 0a1ff9a69..1f378d027 100644
--- a/landing/footer.react.js
+++ b/landing/footer.react.js
@@ -1,137 +1,149 @@
 // @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 classNames from 'classnames';
 import * as React from 'react';
 import { NavLink } from 'react-router-dom';
 
 import css from './footer.css';
 import typography from './typography.css';
 
 const navLinkProps = {
   activeStyle: {
     color: 'white',
     fontWeight: '500',
   },
 };
 
 function Footer(): React.Node {
   const logoClassName = classNames([typography.heading2, css.logo]);
   const navLinkClassName = classNames([typography.paragraph1, css.links]);
   const legalTextClassName = classNames([
     typography.paragraph2,
     css.copyrightText,
   ]);
   const legalLinksClassName = classNames([typography.paragraph2, css.links]);
 
   return (
     <footer className={css.wrapper}>
       <div className={css.contentWrapper}>
         <div className={css.navigation}>
           <div className={css.linksContainer}>
             <NavLink className={logoClassName} to="/">
               Comm
             </NavLink>
             <NavLink
               to="/keyservers"
               exact
               {...navLinkProps}
               className={navLinkClassName}
             >
               Keyservers
             </NavLink>
             <NavLink
               to="/support"
               exact
               {...navLinkProps}
               className={navLinkClassName}
             >
               Support
             </NavLink>
             <NavLink
               to="/team"
               exact
               {...navLinkProps}
               className={navLinkClassName}
             >
               Team
             </NavLink>
             <NavLink
               to="/investors"
               exact
               {...navLinkProps}
               className={navLinkClassName}
             >
               Investors
             </NavLink>
             <a
               href="https://www.notion.so/How-Comm-works-d6217941db7c4237b9d08b427aef3234"
+              target="_blank"
+              rel="noreferrer"
               className={navLinkClassName}
             >
               Learn how Comm works
               <FontAwesomeIcon
                 size="sm"
                 className={css.navLinkIcons}
                 icon={faExternalLinkAlt}
               />
             </a>
             <a
               href="https://commapp.notion.site/Learn-more-about-Comm-1efb9b646d504dddae30a20b4f33200e"
+              target="_blank"
+              rel="noreferrer"
               className={navLinkClassName}
             >
               About Comm
               <FontAwesomeIcon
                 size="sm"
                 className={css.navLinkIcons}
                 icon={faExternalLinkAlt}
               />
             </a>
           </div>
           <div className={css.socialIconsContainer}>
-            <a href="https://twitter.com/commdotapp">
+            <a
+              href="https://twitter.com/commdotapp"
+              target="_blank"
+              rel="noreferrer"
+            >
               <FontAwesomeIcon
                 size="lg"
                 className={css.socialIcons}
                 icon={faTwitter}
               />
             </a>
-            <a href="https://github.com/CommE2E/comm">
+            <a
+              href="https://github.com/CommE2E/comm"
+              target="_blank"
+              rel="noreferrer"
+            >
               <FontAwesomeIcon
                 size="lg"
                 className={css.socialIcons}
                 icon={faGithub}
               />
             </a>
           </div>
         </div>
         <div className={css.legalContainer}>
           <p className={legalTextClassName}>
             &copy; 2023 Comm. All Rights Reserved
           </p>
           <div className={css.legalLinks}>
             <NavLink
               to="/terms"
               exact
               {...navLinkProps}
               className={legalLinksClassName}
             >
               Terms of Use
             </NavLink>
             <NavLink
               to="/privacy"
               exact
               {...navLinkProps}
               className={legalLinksClassName}
             >
               Privacy Policy
             </NavLink>
           </div>
         </div>
       </div>
     </footer>
   );
 }
 
 export default Footer;
diff --git a/landing/header.react.js b/landing/header.react.js
index 6cbb08f27..1297728df 100644
--- a/landing/header.react.js
+++ b/landing/header.react.js
@@ -1,122 +1,130 @@
 // @flow
 
 import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';
 import {
   faExternalLinkAlt,
   faBars,
   faTimes,
 } 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 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 = 848; // 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}>
-          <a href="https://web.comm.app">
+          <a href="https://web.comm.app" target="_blank" rel="noreferrer">
             <div className={css.webappIcon}>
               <FontAwesomeIcon
                 icon={faExternalLinkAlt}
                 className={css.icon}
                 size="sm"
               />
             </div>
           </a>
-          <a href="https://twitter.com/commdotapp">
+          <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">
+          <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 b4e995ed5..19b89ed1f 100644
--- a/landing/mobile-nav.react.js
+++ b/landing/mobile-nav.react.js
@@ -1,83 +1,91 @@
 // @flow
 
 import { faTwitter, faGithub } from '@fortawesome/free-brands-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 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 onClickTab = React.useCallback(() => {
     setShowMobileNav(false);
   }, [setShowMobileNav]);
 
   return (
     <nav className={mobileNavClassName}>
       <div className={css.tabContainer}>
         <NavLink
           to="/keyservers"
           exact
           className={navLinkClassName}
           activeClassName={css.activeTab}
         >
           <div onClick={onClickTab} className={css.tabContent}>
             Keyserver
           </div>
         </NavLink>
       </div>
       <div className={css.tabContainer}>
         <NavLink
           to="/team"
           exact
           className={navLinkClassName}
           activeClassName={css.activeTab}
         >
           <div onClick={onClickTab} className={css.tabContent}>
             Team
           </div>
         </NavLink>
       </div>
       <div className={css.tabContainer}>
         <NavLink
           to="/investors"
           exact
           className={navLinkClassName}
           activeClassName={css.activeTab}
         >
           <div onClick={onClickTab} className={css.tabContent}>
             Investors
           </div>
         </NavLink>
       </div>
       <div className={css.socialIconsContainer}>
-        <a href="https://twitter.com/commdotapp">
+        <a
+          href="https://twitter.com/commdotapp"
+          target="_blank"
+          rel="noreferrer"
+        >
           <FontAwesomeIcon icon={faTwitter} className={css.icon} size="xl" />
         </a>
-        <a href="https://github.com/CommE2E/comm">
+        <a
+          href="https://github.com/CommE2E/comm"
+          target="_blank"
+          rel="noreferrer"
+        >
           <FontAwesomeIcon icon={faGithub} className={css.icon} size="xl" />
         </a>
       </div>
     </nav>
   );
 }
 
 export default MobileNav;