diff --git a/src/client/FlagInput.ts b/src/client/FlagInput.ts
index 1cffba3b0..e867d58aa 100644
--- a/src/client/FlagInput.ts
+++ b/src/client/FlagInput.ts
@@ -162,7 +162,7 @@ export class FlagInput extends LitElement {
                   : "hidden"}"
               >
                 <input
-                  class="h-[2rem] border-none text-center border border-gray-300 rounded-xl shadow-sm text-2xl text-center focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:border-gray-300/60 dark:bg-gray-700 dark:text-white"
+                  class="h-[2rem] border-none text-center border border-gray-300 rounded-xl shadow-sm text-2xl text-center focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-black dark:border-gray-300/60 dark:bg-gray-700 dark:text-white"
                   type="text"
                   placeholder="Search..."
                   @change=${this.handleSearch}