diff --git a/frontend/src/html/popups.html b/frontend/src/html/popups.html
index 0b27ab318..f09682a2f 100644
--- a/frontend/src/html/popups.html
+++ b/frontend/src/html/popups.html
@@ -10,6 +10,7 @@
     <button class="generateData">generate data</button>
     <button class="toggleMediaQueryDebug">toggle media query debug</button>
     <button class="showTestNotifications">show test notifications</button>
+    <button class="showRealWordsInput">show real words input</button>
   </div>
 </dialog>
 
diff --git a/frontend/src/ts/modals/dev-options.ts b/frontend/src/ts/modals/dev-options.ts
index 4e8f7ca49..646961a65 100644
--- a/frontend/src/ts/modals/dev-options.ts
+++ b/frontend/src/ts/modals/dev-options.ts
@@ -41,6 +41,12 @@ async function setup(modalEl: HTMLElement): Promise<void> {
       );
       setMediaQueryDebugLevel(mediaQueryDebugLevel);
     });
+  modalEl
+    .querySelector(".showRealWordsInput")
+    ?.addEventListener("click", () => {
+      $("#wordsInput").css("opacity", "1");
+      void modal.hide();
+    });
 }
 
 const modal = new AnimatedModal({