diff --git a/landing/keyservers.css b/landing/keyservers.css
index d2e6f4228..61445e50f 100644
--- a/landing/keyservers.css
+++ b/landing/keyservers.css
@@ -1,94 +1,94 @@
 .heading {
   color: var(--white-80);
   margin-bottom: 40px;
 }
 
 .heading + p {
   padding-bottom: 24px;
 }
 
-span.purple_gradient {
+span.purpleGradient {
   background: linear-gradient(90deg, #5d34b3 0%, #a314d5 49.31%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 
-.hero_section,
-.servers_section,
-.keyserver_company_section {
+.heroSection,
+.serversSection,
+.keyserverCompanySection {
   display: flex;
   padding: 120px 32px;
   justify-content: center;
 }
 
-.hero_section {
+.heroSection {
   padding-top: 64px;
 }
 
-.servers_section {
+.serversSection {
   background-color: var(--light-dark-page-background);
 }
 
-.hero_container,
-.servers_container,
-.keyserver_company_container {
+.heroContainer,
+.serversContainer,
+.keyserverCompanyContainer {
   display: flex;
   width: 1376px;
   max-width: 90vw;
 }
 
-.hero_container {
+.heroContainer {
   flex-direction: column;
 }
 
-.hero_image {
+.heroImage {
   width: 100%;
   max-height: 376px;
   margin-bottom: 72px;
 }
 
 .heroText {
   text-align: center;
 }
 
-.servers_image {
+.serversImage {
   width: 100%;
   max-height: 480px;
 }
 
-.servers_copy {
+.serversCopy {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-left: 72px;
 }
 
-.read_the_docs {
+.readTheDocs {
   width: 100%;
   align-self: flex-end;
   margin-bottom: 24px;
   margin-left: 112px;
 }
 
 @media (max-width: 1440px) {
-  .servers_container,
-  .keyserver_company_container {
+  .serversContainer,
+  .keyserverCompanyContainer {
     flex-direction: column;
   }
 
-  .servers_copy {
+  .serversCopy {
     padding-left: 0;
     margin-top: 64px;
   }
 
-  .keyserver_company_copy {
+  .keyserverCompanyCopy {
     margin-bottom: 48px;
   }
 
-  .read_the_docs {
+  .readTheDocs {
     max-width: 504px;
     align-self: flex-start;
     margin: 0;
   }
 }
diff --git a/landing/keyservers.react.js b/landing/keyservers.react.js
index 760acb85b..cf2c16628 100644
--- a/landing/keyservers.react.js
+++ b/landing/keyservers.react.js
@@ -1,165 +1,165 @@
 // @flow
 
 import { create } from '@lottiefiles/lottie-interactivity';
 import classNames from 'classnames';
 import * as React from 'react';
 
 import { useIsomorphicLayoutEffect } from 'lib/hooks/isomorphic-layout-effect.react.js';
 
 import { assetsCacheURLPrefix } from './asset-meta-data.js';
 import KeyserverFAQ from './keyserver-faq.react.js';
 import css from './keyservers.css';
 import ReadDocsButton from './read-docs-btn.react.js';
 import RequestAccess from './request-access.react.js';
 import typography from './typography.css';
 
 function Keyservers(): React.Node {
   React.useEffect(() => {
     import('@lottiefiles/lottie-player');
   }, []);
 
   const onEyeIllustrationLoad = React.useCallback(() => {
     create({
       mode: 'scroll',
       player: '#eye-illustration',
       actions: [
         {
           visibility: [0, 1],
           type: 'seek',
           frames: [0, 720],
         },
       ],
     });
   }, []);
 
   const onCloudIllustrationLoad = React.useCallback(() => {
     create({
       mode: 'scroll',
       player: '#cloud-illustration',
       actions: [
         {
           visibility: [0, 0.2],
           type: 'stop',
           frames: [0],
         },
         {
           visibility: [0.2, 1],
           type: 'seek',
           frames: [0, 300],
         },
       ],
     });
   }, []);
 
   const [eyeNode, setEyeNode] = React.useState(null);
   useIsomorphicLayoutEffect(() => {
     if (!eyeNode) {
       return undefined;
     }
     eyeNode.addEventListener('load', onEyeIllustrationLoad);
     return () => eyeNode.removeEventListener('load', onEyeIllustrationLoad);
   }, [eyeNode, onEyeIllustrationLoad]);
 
   const [cloudNode, setCloudNode] = React.useState(null);
   useIsomorphicLayoutEffect(() => {
     if (!cloudNode) {
       return undefined;
     }
     cloudNode.addEventListener('load', onCloudIllustrationLoad);
     return () => cloudNode.removeEventListener('load', onCloudIllustrationLoad);
   }, [cloudNode, onCloudIllustrationLoad]);
 
   const headingClassName = classNames([typography.heading1, css.heading]);
   const descriptionClassName = classNames([
     typography.subheading2,
     css.description,
   ]);
 
   const heroHeadingClassName = classNames([headingClassName, css.heroText]);
   const heroDescriptionClassName = classNames([
     descriptionClassName,
     css.heroText,
   ]);
 
   return (
     <main>
-      <section className={css.hero_section}>
-        <div className={css.hero_container}>
-          <div className={css.hero_image}>
+      <section className={css.heroSection}>
+        <div className={css.heroContainer}>
+          <div className={css.heroImage}>
             <lottie-player
               id="eye-illustration"
               ref={setEyeNode}
               mode="normal"
               src={`${assetsCacheURLPrefix}/animated_eye.json`}
               speed={1}
             />
           </div>
           <h1 className={heroHeadingClassName}>
             Reclaim your
-            <span className={css.purple_gradient}> digital&nbsp;identity</span>
+            <span className={css.purpleGradient}> digital&nbsp;identity</span>
           </h1>
           <p className={heroDescriptionClassName}>
             The Internet is broken today. Private user data is owned by
             mega-corporations and farmed for their benefit.
           </p>
           <p className={heroDescriptionClassName}>
             E2E encryption has the potential to change this equation. But
             it&rsquo;s constrained by a crucial limitation.
           </p>
         </div>
       </section>
-      <section className={css.servers_section}>
-        <div className={css.servers_container}>
-          <div className={css.servers_image}>
+      <section className={css.serversSection}>
+        <div className={css.serversContainer}>
+          <div className={css.serversImage}>
             <lottie-player
               id="cloud-illustration"
               ref={setCloudNode}
               mode="normal"
               src={`${assetsCacheURLPrefix}/animated_cloud.json`}
               speed={1}
             />
           </div>
-          <div className={css.servers_copy}>
+          <div className={css.serversCopy}>
             <h1 className={headingClassName}>Apps need servers.</h1>
             <p className={descriptionClassName}>
               Sophisticated applications rely on servers to do things that your
               devices simply can&rsquo;t.
             </p>
             <p className={descriptionClassName}>
               That&rsquo;s why E2E encryption only works for simple chat apps
               today. There&rsquo;s no way to build a robust server layer that
               has access to your data without leaking that data to corporations.
             </p>
           </div>
         </div>
       </section>
-      <section className={css.keyserver_company_section}>
-        <div className={css.keyserver_company_container}>
-          <div className={css.keyserver_company_copy}>
+      <section className={css.keyserverCompanySection}>
+        <div className={css.keyserverCompanyContainer}>
+          <div className={css.keyserverCompanyCopy}>
             <h1 className={headingClassName}>
               Comm is the
-              <span className={css.purple_gradient}> keyserver </span>
+              <span className={css.purpleGradient}> keyserver </span>
               company.
             </h1>
             <p className={descriptionClassName}>
               In the future, people have their own servers.
             </p>
             <p className={descriptionClassName}>
               Your keyserver is the home of your digital identity. It owns your
               private keys and your personal data. It&rsquo;s your password
               manager, your crypto bank, your digital surrogate, and your second
               brain.
             </p>
           </div>
-          <div className={css.read_the_docs}>
+          <div className={css.readTheDocs}>
             <ReadDocsButton />
           </div>
         </div>
       </section>
       <KeyserverFAQ />
       <RequestAccess />
     </main>
   );
 }
 
 export default Keyservers;