monkeytypegame · fehmer · Jun 17, 2026 · Jun 17, 2026 · Jun 17, 2026 · Jun 18, 2026
diff --git a/frontend/__tests__/components/pages/test/keymapConverter.spec.ts b/frontend/__tests__/components/pages/test/keymapConverter.spec.ts
diff --git a/frontend/__tests__/root/config-metadata.spec.ts b/frontend/__tests__/root/config-metadata.spec.ts
@@ -347,14 +347,14 @@ describe("ConfigMeta", () => {
           expected: { keymapMode: "static" },
         },
       ],
-      keymapShowTopRow: [
+      keymapLayoutStyle: [
         {
-          value: "always",
+          value: "minimal_numrow",
           given: { keymapMode: "react" },
           expected: { keymapMode: "react" },
         },
         {
-          value: "always",
+          value: "minimal_numrow",
           given: { keymapMode: "off" },
           expected: { keymapMode: "static" },
         },

diff --git a/frontend/src/html/pages/test.html b/frontend/src/html/pages/test.html
@@ -64,8 +64,7 @@
     </div>
 
     <div id="compositionDisplay"></div>
-
-    <div id="keymap" class="hidden"></div>
+    <mount data-component="keymap"></mount>
 
     <button
       id="restartTestButton"

diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
@@ -17,8 +17,8 @@
 
 @layer custom-styles {
   @import "buttons", "ads", "test-activity", "animations", "caret",
-    "commandline", "core", "fonts", "inputs", "keymap", "monkey", "popups",
-    "scroll", "account-settings", "test", "loading", "media-queries";
+    "commandline", "core", "fonts", "inputs", "monkey", "popups", "scroll",
+    "account-settings", "test", "loading", "media-queries";
 
   .chartCanvas {
     width: 100% !important;