diff --git a/resources/lang/en.json b/resources/lang/en.json
index 395cee574..28481e669 100644
--- a/resources/lang/en.json
+++ b/resources/lang/en.json
@@ -627,6 +627,11 @@
       "grogu": "Grogu"
     }
   },
+  "flag_input": {
+    "title": "Select Flag",
+    "button_title": "Pick a flag!",
+    "search_flag": "Search..."
+  },
   "spawn_ad": {
     "loading": "Loading advertisement..."
   },
diff --git a/src/client/FlagInput.ts b/src/client/FlagInput.ts
index 045eda365..77fabef46 100644
--- a/src/client/FlagInput.ts
+++ b/src/client/FlagInput.ts
@@ -2,6 +2,8 @@ import { LitElement, css, html } from "lit";
 import { customElement, state } from "lit/decorators.js";
 import { renderPlayerFlag } from "../core/CustomFlag";
 import { FlagSchema } from "../core/Schemas";
+import { translateText } from "./Utils";
+
 const flagKey: string = "flag";
 
 @customElement("flag-input")
@@ -71,12 +73,16 @@ export class FlagInput extends LitElement {
       <div class="flex relative">
         <button
           id="flag-input_"
-          class="border p-[4px] rounded-lg flex cursor-pointer border-black/30 dark:border-gray-300/60 bg-white/70 dark:bg-[rgba(55,65,81,0.7)]"
-          title="Pick a flag!"
+          class="border rounded-lg flex cursor-pointer border-black/30
+          dark:border-gray-300/60 bg-white/70 dark:bg-[rgba(55,65,81,0.7)]
+          "
+          title=${translateText("flag_input.button_title")}
         >
           <span
             id="flag-preview"
-            style="display:inline-block;width:48px;height:64px;vertical-align:middle;background:#333;border-radius:6px;overflow:hidden;"
+            style="display:inline-block;
+            vertical-align:middle; background:#333; border-radius:6px;
+            overflow:hidden;"
           ></span>
         </button>
       </div>
diff --git a/src/client/FlagInputModal.ts b/src/client/FlagInputModal.ts
index 777dd25b3..8c5a2939d 100644
--- a/src/client/FlagInputModal.ts
+++ b/src/client/FlagInputModal.ts
@@ -1,6 +1,7 @@
 import { LitElement, html } from "lit";
 import { customElement, query, state } from "lit/decorators.js";
 import Countries from "./data/countries.json";
+import { translateText } from "./Utils";
 
 @customElement("flag-input-modal")
 export class FlagInputModal extends LitElement {
@@ -18,14 +19,20 @@ export class FlagInputModal extends LitElement {
 
   render() {
     return html`
-      <o-modal title="Flag Selector Modal" alwaysMaximized>
-        <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 text-black dark:border-gray-300/60 dark:bg-gray-700 dark:text-white"
-          type="text"
-          placeholder="Search..."
-          @change=${this.handleSearch}
-          @keyup=${this.handleSearch}
-        />
+      <o-modal alwaysMaximized title=${translateText("flag_input.title")}>
+        <div class="flex justify-center w-full p-[1rem]">
+          <input
+            class="h-[2rem] border-none 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=${translateText("flag_input.search_flag")}
+            @change=${this.handleSearch}
+            @keyup=${this.handleSearch}
+          />
+        </div>
+
         <div
           class="flex flex-wrap justify-evenly gap-[1rem] overflow-y-auto overflow-x-hidden h-[90%]"
         >
diff --git a/src/client/index.html b/src/client/index.html
index 5cc19cd5c..eafd603bd 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -198,7 +198,7 @@
         <token-login class="w-[20%] md:w-[15%]"></token-login>
 
         <div class="container__row">
-          <flag-input class="w-[20%] md:w-[15%]"></flag-input>
+          <flag-input class="w-[20%] md:w-[20%]"></flag-input>
           <territory-patterns-modal class="w-[20%] md:w-[15%]">
             <button
               id="territory-patterns-input-preview-button"