diff --git a/frontend/src/styles/about.scss b/frontend/src/styles/about.scss
index 06fa228af..151bc724b 100644
--- a/frontend/src/styles/about.scss
+++ b/frontend/src/styles/about.scss
@@ -14,13 +14,21 @@
     display: grid;
     gap: 0.25rem;
 
-    .title {
+    .bigtitle {
       font-size: 2rem;
       line-height: 2rem;
       color: var(--sub-color);
       margin: 0 0 1rem 0;
     }
 
+    .title {
+      font-size: 1rem;
+      line-height: 1rem;
+      color: var(--sub-color);
+      margin: 0;
+      font-weight: 300;
+    }
+
     .contactButtons,
     .supportButtons {
       margin-top: 1rem;
@@ -50,14 +58,6 @@
       color: var(--text-color);
     }
 
-    h1 {
-      font-size: 1rem;
-      line-height: 1rem;
-      color: var(--sub-color);
-      margin: 0;
-      font-weight: 300;
-    }
-
     p {
       margin: 0;
       padding: 0;
diff --git a/frontend/src/styles/nav.scss b/frontend/src/styles/nav.scss
index 49e15b8f0..56162c48c 100644
--- a/frontend/src/styles/nav.scss
+++ b/frontend/src/styles/nav.scss
@@ -184,9 +184,12 @@
       }
       position: relative;
       font-size: 2rem;
-      margin-top: -0.4rem;
       font-family: "Lexend Deca";
       transition: color 0.25s;
+      font-weight: unset;
+      margin-block-start: unset;
+      margin-block-end: unset;
+      margin-top: -0.2em;
     }
     white-space: nowrap;
     user-select: none;
diff --git a/frontend/src/styles/settings.scss b/frontend/src/styles/settings.scss
index ee47e6dfb..d459a18a2 100644
--- a/frontend/src/styles/settings.scss
+++ b/frontend/src/styles/settings.scss
@@ -153,9 +153,8 @@
       }
     }
 
-    h1 {
+    .title {
       font-size: 1rem;
-      line-height: 1rem;
       color: var(--sub-color);
       margin: 0;
       grid-area: title;
diff --git a/frontend/static/html/pages/about.html b/frontend/static/html/pages/about.html
index a6eb1a32d..338a59476 100644
--- a/frontend/static/html/pages/about.html
+++ b/frontend/static/html/pages/about.html
@@ -51,8 +51,7 @@
     <p class="small">distribution of time 60 leaderbord results</p>
   </div>
   <div class="section">
-    <div class="title">about</div>
-    <!-- <h1>about</h1> -->
+    <div class="bigtitle">about</div>
     <p>
       Monkeytype is a minimalistic typing test, featuring many test modes, an
       account system to save your typing speed history and user configurable
@@ -60,7 +59,7 @@
     </p>
   </div>
   <div class="section">
-    <h1>word set</h1>
+    <div class="title">word set</div>
     <p>
       By default, this website uses the most common 200 words in the English
       language to generate its tests. You can change to an expanded set (1000
@@ -68,7 +67,7 @@
     </p>
   </div>
   <div class="section">
-    <h1>keybinds</h1>
+    <div class="title">keybinds</div>
     <p>
       You can use
       <key>tab</key>
@@ -90,7 +89,7 @@
     </p>
   </div>
   <div class="section">
-    <h1>stats</h1>
+    <div class="title">stats</div>
     <p>
       wpm - total amount of characters in the correctly typed words (including
       spaces), divided by 5 and normalised to 60 seconds.
@@ -118,7 +117,7 @@
     <div id="ad-about-1-small"></div>
   </div>
   <div class="section">
-    <h1>results screen</h1>
+    <div class="title">results screen</div>
     <p>
       After completing a test you will be able to see your wpm, raw wpm,
       accuracy, character stats, test length, leaderboards info and test info.
@@ -129,7 +128,7 @@
     </p>
   </div>
   <div class="section">
-    <h1>bug report or feature request</h1>
+    <div class="title">bug report or feature request</div>
     <p>
       If you encounter a bug, or have a feature request - join the Discord
       server, send me an email, a direct message on Twitter or create an issue
@@ -137,7 +136,7 @@
     </p>
   </div>
   <div class="section">
-    <div class="title">support</div>
+    <div class="bigtitle">support</div>
     <p>
       Thanks to everyone who has supported this project. It would not be
       possible without you and your continued support.
@@ -181,7 +180,7 @@
     </div>
   </div>
   <div class="section">
-    <div class="title">contact</div>
+    <div class="bigtitle">contact</div>
     <p>
       If you encounter a bug, have a feature request or just want to say hi -
       here are the different ways you can contact me directly.
@@ -221,7 +220,7 @@
     </div>
   </div>
   <div class="section">
-    <div class="title">credits</div>
+    <div class="bigtitle">credits</div>
     <p>
       <a
         href="https://www.reddit.com/user/montydrei"
diff --git a/frontend/static/html/pages/settings.html b/frontend/static/html/pages/settings.html
index 37f76ac0b..01b48fc13 100644
--- a/frontend/static/html/pages/settings.html
+++ b/frontend/static/html/pages/settings.html
@@ -43,7 +43,7 @@
   </div>
   <div class="settingsGroup account hidden">
     <div class="section discordIntegration">
-      <h1>discord integration</h1>
+      <div class="title">discord integration</div>
       <div class="text">
         When you connect your monkeytype account to your Discord account, you
         will be automatically assigned a new role every time you achieve a new
@@ -76,7 +76,7 @@
       </div>
     </div>
     <div class="section tags">
-      <h1>tags</h1>
+      <div class="title">tags</div>
       <div class="text">
         With tags, you can compare how fast you're typing in different
         situations. You can see your active tags above the test words. They will
@@ -99,7 +99,7 @@
       </div>
     </div>
     <div class="section presets">
-      <h1>presets</h1>
+      <div class="title">presets</div>
       <div class="text">
         Create settings presets that can be applied with one click. Remember to
         edit your preset if you make any changes - they don't save on their own.
@@ -130,7 +130,7 @@
   </div>
   <div class="settingsGroup behavior">
     <div class="section difficulty">
-      <h1>test difficulty</h1>
+      <div class="title">test difficulty</div>
       <div class="text">
         Normal is the classic type test experience. Expert fails the test if you
         submit (press space) an incorrect word. Master fails if you press a
@@ -164,7 +164,7 @@
       </div>
     </div>
     <div class="section quickRestart" id="quickRestart">
-      <h1>quick restart</h1>
+      <div class="title">quick restart</div>
       <div class="text">
         Press
         <key>tab</key>
@@ -205,7 +205,7 @@
     </div>
 
     <div class="section repeatQuotes" id="repeatQuotes">
-      <h1>repeat quotes</h1>
+      <div class="title">repeat quotes</div>
       <div class="text">
         This setting changes the restarting behavior when typing in quote mode.
         Changing it to 'typing' will repeat the quote if you restart while
@@ -236,7 +236,7 @@
     </div>
 
     <div class="section blindMode">
-      <h1>blind mode</h1>
+      <div class="title">blind mode</div>
       <div class="text">
         No errors or incorrect words are highlighted. Helps you to focus on raw
         speed. If enabled, quick end is recommended.
@@ -262,7 +262,7 @@
       </div>
     </div>
     <div class="section alwaysShowWordsHistory">
-      <h1>always show words history</h1>
+      <div class="title">always show words history</div>
       <div class="text">
         This option will automatically show the words history at the end of the
         test. Can cause slight lag with a lot of words.
@@ -286,7 +286,7 @@
       </div>
     </div>
     <div class="section singleListCommandLine">
-      <h1>single list command line</h1>
+      <div class="title">single list command line</div>
       <div class="text">
         When enabled, it will show the command line with all commands in a
         single list instead of submenu arrangements. Selecting 'manual' will
@@ -314,7 +314,7 @@
       </div>
     </div>
     <div class="section minWpm" section="">
-      <h1>min wpm</h1>
+      <div class="title">min wpm</div>
       <div class="text">
         Automatically fails a test if your WPM falls below a threshold.
       </div>
@@ -349,7 +349,7 @@
       </div>
     </div>
     <div class="section minAcc" section="">
-      <h1>min accuracy</h1>
+      <div class="title">min accuracy</div>
       <div class="text">
         Automatically fails a test if your accuracy falls below a threshold.
       </div>
@@ -384,7 +384,7 @@
       </div>
     </div>
     <div class="section minBurst" section="">
-      <h1>min burst</h1>
+      <div class="title">min burst</div>
       <div class="text">
         Automatically fails a test if your raw for a single word falls below
         this threshold. Selecting 'flex' allows for this threshold to
@@ -434,7 +434,7 @@
       </div>
     </div>
     <div class="section britishEnglish" section="">
-      <h1>british english</h1>
+      <div class="title">british english</div>
       <div class="text">
         When enabled, the website will use the British spelling instead of
         American. Note that this might not replace all words correctly. If you
@@ -462,12 +462,12 @@
       </div>
     </div>
     <div class="section language">
-      <h1>language</h1>
+      <div class="title">language</div>
       <div class="text">Change in which language you want to type.</div>
       <select></select>
     </div>
     <div class="section funbox fullWidth">
-      <h1>funbox</h1>
+      <div class="title">funbox</div>
       <div class="text">
         These are special modes that change the website in some special way (by
         altering the word generation, behavior of the website or the looks).
@@ -477,7 +477,7 @@
     </div>
     <div class="sectionSpacer"></div>
     <div class="section customLayoutfluid">
-      <h1>custom layoutfluid</h1>
+      <div class="title">custom layoutfluid</div>
       <div class="text">
         Select which layouts you want the layoutfluid funbox to cycle through.
       </div>
@@ -501,7 +501,7 @@
   </div>
   <div class="settingsGroup input">
     <div class="section freedomMode">
-      <h1>freedom mode</h1>
+      <div class="title">freedom mode</div>
       <div class="text">
         Allows you to delete any word, even if it was typed correctly.
       </div>
@@ -525,7 +525,7 @@
       </div>
     </div>
     <div class="section strictSpace">
-      <h1>strict space</h1>
+      <div class="title">strict space</div>
       <div class="text">
         Pressing space at the beginning of a word will insert a space character
         when this mode is enabled.
@@ -550,7 +550,7 @@
       </div>
     </div>
     <div class="section oppositeShiftMode">
-      <h1>opposite shift mode</h1>
+      <div class="title">opposite shift mode</div>
       <div class="text">
         This mode will force you to use opposite
         <key>shift</key>
@@ -594,7 +594,7 @@
       </div>
     </div>
     <div class="section stopOnError">
-      <h1>stop on error</h1>
+      <div class="title">stop on error</div>
       <div class="text">
         Letter mode will stop input when pressing any incorrect letters. Word
         mode will not allow you to continue to the next word until you correct
@@ -628,7 +628,7 @@
       </div>
     </div>
     <div class="section confidenceMode">
-      <h1>confidence mode</h1>
+      <div class="title">confidence mode</div>
       <div class="text">
         When enabled, you will not be able to go back to previous words to fix
         mistakes. When turned up to the max, you won't be able to backspace at
@@ -663,7 +663,7 @@
       </div>
     </div>
     <div class="section quickEnd">
-      <h1>quick end</h1>
+      <div class="title">quick end</div>
       <div class="text">
         This only applies to the words mode - when enabled, the test will end as
         soon as the last word has been typed, even if it's incorrect. When
@@ -685,7 +685,7 @@
       </div>
     </div>
     <div class="section indicateTypos" section="">
-      <h1>indicate typos</h1>
+      <div class="title">indicate typos</div>
       <div class="text">
         Shows typos that you've made. Below shows what you typed below the
         letters and replace will replace the letters with the ones you typed.
@@ -718,7 +718,7 @@
       </div>
     </div>
     <div class="section hideExtraLetters" section="">
-      <h1>hide extra letters</h1>
+      <div class="title">hide extra letters</div>
       <div class="text">
         Hides extra letters. This will completely avoid words jumping lines (due
         to changing width), but might feel a bit confusing when you press a key
@@ -744,7 +744,7 @@
       </div>
     </div>
     <div class="section lazyMode">
-      <h1>lazy mode</h1>
+      <div class="title">lazy mode</div>
       <div class="text">
         Replaces accents / diacritics / special characters with their normal
         letter equivalents.
@@ -764,7 +764,7 @@
       </div>
     </div>
     <div class="section layout">
-      <h1>layout emulator</h1>
+      <div class="title">layout emulator</div>
       <div class="text">
         With this setting you can emulate other layouts. This setting is best
         kept off, as it can break things like dead keys and alt layers.
@@ -791,7 +791,7 @@
   </div>
   <div class="settingsGroup sound">
     <div class="section soundVolume">
-      <h1>sound volume</h1>
+      <div class="title">sound volume</div>
       <div class="text">Change the volume of the sound effects.</div>
       <div class="buttons">
         <div
@@ -821,7 +821,7 @@
       </div>
     </div>
     <div class="section playSoundOnClick fullWidth">
-      <h1>play sound on click</h1>
+      <div class="title">play sound on click</div>
       <div class="text">Plays a short sound when you press a key.</div>
       <div class="buttons">
         <div
@@ -923,7 +923,7 @@
       </div>
     </div>
     <div class="section playSoundOnError">
-      <h1>play sound on error</h1>
+      <div class="title">play sound on error</div>
       <div class="text">
         Plays a short sound if you press an incorrect key or press space too
         early.
@@ -956,7 +956,7 @@
   </div>
   <div class="settingsGroup caret">
     <div class="section smoothCaret" section="">
-      <h1>smooth caret</h1>
+      <div class="title">smooth caret</div>
       <div class="text">
         The caret will move smoothly between letters and words.
       </div>
@@ -980,7 +980,7 @@
       </div>
     </div>
     <div class="section caretStyle" section="">
-      <h1>caret style</h1>
+      <div class="title">caret style</div>
       <div class="text">Change the style of the caret during the test.</div>
       <div class="buttons">
         <div
@@ -1026,7 +1026,7 @@
       </div>
     </div>
     <div class="section paceCaret" section="">
-      <h1>pace caret</h1>
+      <div class="title">pace caret</div>
       <div class="text">
         Displays a second caret that moves at constant speed. The 'average'
         option averages the speed of last 10 results. The 'daily' option takes
@@ -1100,7 +1100,7 @@
       </div>
     </div>
     <div class="section repeatedPace" section="">
-      <h1>repeated pace</h1>
+      <div class="title">repeated pace</div>
       <div class="text">
         When repeating a test, a pace caret will automatically be enabled for
         one test with the speed of your previous test. It does not override the
@@ -1126,7 +1126,7 @@
       </div>
     </div>
     <div class="section paceCaretStyle" section="">
-      <h1>pace caret style</h1>
+      <div class="title">pace caret style</div>
       <div class="text">
         Change the style of the pace caret during the test.
       </div>
@@ -1182,7 +1182,7 @@
   </div>
   <div class="settingsGroup appearance">
     <div class="section timerStyle" section="">
-      <h1>timer/progress style</h1>
+      <div class="title">timer/progress style</div>
       <div class="text">
         Change the style of the timer/progress during a timed test.
       </div>
@@ -1214,7 +1214,7 @@
       </div>
     </div>
     <div class="section timerColor" section="">
-      <h1>timer/progress color</h1>
+      <div class="title">timer/progress color</div>
       <div class="text">
         Change the color of the timer/progress number/bar and live wpm number.
       </div>
@@ -1254,7 +1254,7 @@
       </div>
     </div>
     <div class="section timerOpacity" section="">
-      <h1>timer/progress opacity</h1>
+      <div class="title">timer/progress opacity</div>
       <div class="text">
         Change the opacity of the timer/progress number/bar and live wpm number.
       </div>
@@ -1294,7 +1294,7 @@
       </div>
     </div>
     <div class="section highlightMode" section="">
-      <h1>highlight mode</h1>
+      <div class="title">highlight mode</div>
       <div class="text">Change what is highlighted during the test.</div>
       <div class="buttons">
         <div
@@ -1324,7 +1324,7 @@
       </div>
     </div>
     <div class="section tapeMode" section="">
-      <h1>tape mode</h1>
+      <div class="title">tape mode</div>
       <div class="text">
         Only shows one line which scrolls horizontally. Setting this to 'word'
         will make it scroll after every word and 'letter' will scroll after
@@ -1349,7 +1349,7 @@
       </div>
     </div>
     <div class="section smoothLineScroll">
-      <h1>smooth line scroll</h1>
+      <div class="title">smooth line scroll</div>
       <div class="text">
         When enabled, the line transition will be animated.
       </div>
@@ -1373,7 +1373,7 @@
       </div>
     </div>
     <div class="section showAllLines">
-      <h1>show all lines</h1>
+      <div class="title">show all lines</div>
       <div class="text">
         When enabled, the website will show all lines for word, custom and quote
         mode tests - otherwise the lines will be limited to 3, and will
@@ -1400,7 +1400,7 @@
       </div>
     </div>
     <div class="section alwaysShowDecimalPlaces">
-      <h1>always show decimal places</h1>
+      <div class="title">always show decimal places</div>
       <div class="text">
         Always shows decimal places for values on the result page, without the
         need to hover over the stats.
@@ -1425,7 +1425,7 @@
       </div>
     </div>
     <div class="section alwaysShowCPM">
-      <h1>always show cpm</h1>
+      <div class="title">always show cpm</div>
       <div class="text">
         Always shows characters per minute calculation instead of the default
         words per minute calculation.
@@ -1450,7 +1450,7 @@
       </div>
     </div>
     <div class="section startGraphsAtZero">
-      <h1>start graphs at zero</h1>
+      <div class="title">start graphs at zero</div>
       <div class="text">
         Force graph axis to always start at zero, no matter what the data is.
         Turning this off may exaggerate the value changes.
@@ -1475,7 +1475,7 @@
       </div>
     </div>
     <div class="section fontSize">
-      <h1>font size</h1>
+      <div class="title">font size</div>
       <div class="text">Change the font size of the test words.</div>
       <div class="inputAndButton">
         <input
@@ -1490,12 +1490,12 @@
       </div>
     </div>
     <div class="section fontFamily fullWidth">
-      <h1>font family</h1>
+      <div class="title">font family</div>
       <!-- <div class="text">Change the font family for the site</div> -->
       <div class="buttons"></div>
     </div>
     <div class="section pageWidth">
-      <h1>page width</h1>
+      <div class="title">page width</div>
       <div class="text">Control the width of the content.</div>
       <div class="buttons">
         <div class="button" pageWidth="100" tabindex="0" onclick="this.blur();">
@@ -1516,7 +1516,7 @@
       </div>
     </div>
     <div class="section keymapMode">
-      <h1>keymap</h1>
+      <div class="title">keymap</div>
       <div class="text">
         Displays your current layout while taking a test. React shows what you
         pressed and Next shows what you need to press next.
@@ -1557,12 +1557,12 @@
       </div>
     </div>
     <div class="section keymapLayout">
-      <h1>keymap layout</h1>
+      <div class="title">keymap layout</div>
       <div class="text">Controls which layout is displayed on the keymap.</div>
       <select></select>
     </div>
     <div class="section keymapStyle fullWidth">
-      <h1>keymap style</h1>
+      <div class="title">keymap style</div>
       <!-- <div class="text">Displays the keymap in a different style.</div> -->
       <div class="buttons">
         <div
@@ -1608,7 +1608,7 @@
       </div>
     </div>
     <div class="section keymapLegendStyle fullWidth">
-      <h1>keymap legend style</h1>
+      <div class="title">keymap legend style</div>
       <div class="buttons">
         <div
           class="button"
@@ -1645,7 +1645,7 @@
       </div>
     </div>
     <div class="section keymapShowTopRow fullWidth">
-      <h1>keymap show top row</h1>
+      <div class="title">keymap show top row</div>
       <div class="buttons">
         <div
           class="button"
@@ -1691,7 +1691,7 @@
   </div>
   <div class="settingsGroup theme">
     <div class="section flipTestColors">
-      <h1>flip test colors</h1>
+      <div class="title">flip test colors</div>
       <div class="text">
         By default, typed text is brighter than the future text. When enabled,
         the colors will be flipped and the future text will be brighter than the
@@ -1717,7 +1717,7 @@
       </div>
     </div>
     <div class="section colorfulMode">
-      <h1>colorful mode</h1>
+      <div class="title">colorful mode</div>
       <div class="text">
         When enabled, the test words will use the main color, instead of the
         text color, making the website more colorful.
@@ -1742,7 +1742,7 @@
       </div>
     </div>
     <div class="section customBackgroundSize">
-      <h1>custom background</h1>
+      <div class="title">custom background</div>
       <div class="text">
         Set an image url to be a custom background image. Cover fits the image
         to cover the screen. Contain fits the image to be fully visible. Max
@@ -1790,7 +1790,7 @@
       </div>
     </div>
     <div class="section customBackgroundFilter fullWidth">
-      <h1>custom background filter</h1>
+      <div class="title">custom background filter</div>
       <div class="text">Apply various effects to the custom background.</div>
       <div class="groups">
         <div class="group blur">
@@ -1816,7 +1816,7 @@
       </div>
     </div>
     <div class="section autoSwitchTheme">
-      <h1>auto switch theme</h1>
+      <div class="title">auto switch theme</div>
       <div class="text">
         Enabling this will automatically switch the theme between light and dark
         depending on the system theme (this will not override custom theme).
@@ -1847,7 +1847,7 @@
       <div><select class="dark"></select></div>
     </div>
     <div class="section randomTheme fullWidth">
-      <h1>randomize theme</h1>
+      <div class="title">randomize theme</div>
       <div class="text">
         After completing a test, the theme will be set to a random one. The
         random themes are not saved to your config. If set to 'favorite' only
@@ -1907,7 +1907,7 @@
       </div>
     </div>
     <div class="section themes fullWidth">
-      <h1>theme</h1>
+      <div class="title">theme</div>
       <div class="tabs">
         <div class="button" tab="preset" tabindex="0" onclick="this.blur();">
           preset
@@ -2153,7 +2153,7 @@
   </div>
   <div class="settingsGroup hideElements">
     <div class="section showLiveWpm">
-      <h1>live wpm</h1>
+      <div class="title">live wpm</div>
       <div class="text">
         Displays a live WPM speed during the test. Updates once every second.
       </div>
@@ -2177,7 +2177,7 @@
       </div>
     </div>
     <div class="section showLiveAcc">
-      <h1>live accuracy</h1>
+      <div class="title">live accuracy</div>
       <div class="text">Displays live accuracy during the test.</div>
       <div class="buttons">
         <div
@@ -2199,7 +2199,7 @@
       </div>
     </div>
     <div class="section showLiveBurst">
-      <h1>live burst</h1>
+      <div class="title">live burst</div>
       <div class="text">
         Displays live burst during the test of the last word you typed.
       </div>
@@ -2223,7 +2223,7 @@
       </div>
     </div>
     <div class="section showTimerProgress">
-      <h1>timer/progress</h1>
+      <div class="title">timer/progress</div>
       <div class="text">
         Displays a live timer for timed tests and progress for words/custom
         tests.
@@ -2248,7 +2248,7 @@
       </div>
     </div>
     <div class="section showKeyTips">
-      <h1>key tips</h1>
+      <div class="title">key tips</div>
       <div class="text">Shows the keybind tips at the bottom of the page.</div>
       <div class="buttons">
         <div
@@ -2270,7 +2270,7 @@
       </div>
     </div>
     <div class="section showOutOfFocusWarning">
-      <h1>out of focus warning</h1>
+      <div class="title">out of focus warning</div>
       <div class="text">
         Shows an out of focus reminder after 1 second of being 'out of focus'
         (not being able to type).
@@ -2295,7 +2295,7 @@
       </div>
     </div>
     <div class="section capsLockWarning">
-      <h1>caps lock warning</h1>
+      <div class="title">caps lock warning</div>
       <div class="text">Displays a warning when caps lock is on.</div>
       <div class="buttons">
         <div
@@ -2317,7 +2317,7 @@
       </div>
     </div>
     <div class="section showAverage">
-      <h1>average</h1>
+      <div class="title">average</div>
       <div class="text">
         Displays your average wpm and/or accuracy over the last 10 tests.
       </div>
@@ -2365,7 +2365,7 @@
   </div>
   <div class="settingsGroup dangerZone">
     <div class="section importexportSettings">
-      <h1>import/export settings</h1>
+      <div class="title">import/export settings</div>
       <div class="text">Import or export the settings as JSON.</div>
       <div class="buttons">
         <div
@@ -2387,7 +2387,7 @@
       </div>
     </div>
     <div class="section ads">
-      <h1>ads</h1>
+      <div class="title">ads</div>
       <div class="text">
         You can disable or enable ads at any time. "Result" will show one ad on
         the result page, "on" will add floating vertical banners, and "sellout"
@@ -2412,7 +2412,7 @@
       </div>
     </div>
     <div class="section apeKeys needsAccount hidden">
-      <h1>ape keys</h1>
+      <div class="title">ape keys</div>
       <div class="text">
         Generate Ape Keys to access certain API endpoints
         <span style="display: inline-flex">
@@ -2436,7 +2436,7 @@
       </div>
     </div>
     <div class="section updateCookiePreferences">
-      <h1>update cookie preferences</h1>
+      <div class="title">update cookie preferences</div>
       <div class="text">
         If you changed your mind about which cookies you consent to, you can
         change your preferences here.
@@ -2446,7 +2446,7 @@
       </div>
     </div>
     <div class="section updateAccountName needsAccount hidden">
-      <h1>update account name</h1>
+      <div class="title">update account name</div>
       <div class="text">
         Change the name of your account. You can only do this once every 30
         days.
@@ -2463,7 +2463,7 @@
       </div>
     </div>
     <div class="section passwordAuthSettings needsAccount hidden">
-      <h1>password authentication settings</h1>
+      <div class="title">password authentication settings</div>
       <div class="text">
         Add password authentication, update your password or email.
       </div>
@@ -2495,7 +2495,7 @@
       </div>
     </div>
     <div class="section googleAuthSettings needsAccount hidden">
-      <h1>google authentication settings</h1>
+      <div class="title">google authentication settings</div>
       <div class="text">Add or remove Google authentication.</div>
       <div class="buttons vertical">
         <div
@@ -2517,7 +2517,7 @@
       </div>
     </div>
     <div class="section resetSettings">
-      <h1>reset settings</h1>
+      <div class="title">reset settings</div>
       <div class="text">
         Resets settings to the default (but doesn't touch your tags). Warning:
         you can't undo this action!
@@ -2534,7 +2534,7 @@
       </div>
     </div>
     <div class="section resetPersonalBests needsAccount hidden">
-      <h1>reset personal bests</h1>
+      <div class="title">reset personal bests</div>
       <div class="text">
         Resets all your personal bests (but doesn't delete any tests from your
         history). Warning: you can't undo this action!
@@ -2551,7 +2551,7 @@
       </div>
     </div>
     <div class="section resetAccount needsAccount hidden">
-      <h1>reset account</h1>
+      <div class="title">reset account</div>
       <div class="text">Completely resets your account to a blank state.</div>
       <div class="buttons">
         <div
@@ -2565,7 +2565,7 @@
       </div>
     </div>
     <div class="section deleteAccount needsAccount hidden">
-      <h1>delete account</h1>
+      <div class="title">delete account</div>
       <div class="text">Deletes your account and all data connected to it.</div>
       <div class="buttons">
         <div
diff --git a/frontend/static/html/top.html b/frontend/static/html/top.html
index 42807cc17..efee28feb 100644
--- a/frontend/static/html/top.html
+++ b/frontend/static/html/top.html
@@ -38,10 +38,10 @@
         </g>
       </svg>
     </div>
-    <div class="text">
+    <h1 class="text">
       <div class="top">monkey see</div>
       monkeytype
-    </div>
+    </h1>
   </div>
   <div id="menu">
     <a