diff --git a/frontend/src/styles/keymap.scss b/frontend/src/styles/keymap.scss
index 933096b892ab..191fab48a73e 100644
--- a/frontend/src/styles/keymap.scss
+++ b/frontend/src/styles/keymap.scss
@@ -1,4 +1,5 @@
 #keymap {
+  font-size: 1rem;
   display: grid;
   grid-template-rows: 1fr 1fr 1fr;
   justify-content: center;
diff --git a/frontend/src/styles/test.scss b/frontend/src/styles/test.scss
index 9f2f7eae18bd..522e04493c2b 100644
--- a/frontend/src/styles/test.scss
+++ b/frontend/src/styles/test.scss
@@ -102,6 +102,9 @@
 
   #typingTest {
     position: relative;
+    max-width: 70ch;
+    width: 100%;
+    margin: 0 auto;
   }
 
   .ssWatermark {
@@ -473,6 +476,7 @@
 }
 
 #wordsInput {
+  font-size: 1rem;
   opacity: 0;
   padding: 0;
   margin: 0 auto;
@@ -487,6 +491,7 @@
 }
 
 #capsWarning {
+  font-size: 1rem;
   background: var(--main-color);
   color: var(--bg-color);
   display: table;
@@ -920,6 +925,7 @@
 }
 
 #restartTestButton {
+  font-size: 1rem;
   margin: 1rem auto 0 auto;
   display: flex;
   padding: 1em 2em;
@@ -1081,6 +1087,7 @@
   }
   #memoryTimer,
   #layoutfluidTimer {
+    font-size: 1rem;
     background: var(--main-color);
     color: var(--bg-color);
     padding: 1rem;
@@ -1111,6 +1118,7 @@
   }
 
   #testModesNotice {
+    font-size: 1rem;
     display: flex;
     flex-wrap: wrap;
     color: var(--sub-color);
diff --git a/frontend/src/ts/config.ts b/frontend/src/ts/config.ts
index 8e0a3078343f..a8cab1f6e435 100644
--- a/frontend/src/ts/config.ts
+++ b/frontend/src/ts/config.ts
@@ -1660,7 +1660,7 @@ export function setFontSize(fontSize: number, nosave?: boolean): boolean {
 
   config.fontSize = fontSize;
 
-  $("#words, #caret, #paceCaret, #miniTimerAndLiveWpm").css(
+  $("#caret, #paceCaret, #miniTimerAndLiveWpm, #typingTest").css(
     "fontSize",
     fontSize + "rem"
   );