diff --git a/src/components/CharacterSelect.svelte b/src/components/CharacterSelect.svelte
index 7c6ede47..c15613a5 100644
--- a/src/components/CharacterSelect.svelte
+++ b/src/components/CharacterSelect.svelte
@@ -128,7 +128,7 @@
     {/if}
     <input
       bind:this={input}
-      class={`bg-transparent focus:outline-none h-full ${nothingSelected ? 'text-gray-500' : 'text-white'}`}
+      class={`bg-transparent focus:outline-none h-full max-w-full ${nothingSelected ? 'text-gray-500' : 'text-white'}`}
       {placeholder}
       value={nothingSelected || focused ? search : label}
       on:input={onInput} />
diff --git a/src/components/WeaponSelect.svelte b/src/components/WeaponSelect.svelte
index 58be8f0e..e7161dfe 100644
--- a/src/components/WeaponSelect.svelte
+++ b/src/components/WeaponSelect.svelte
@@ -130,7 +130,7 @@
     {/if}
     <input
       bind:this={input}
-      class={`bg-transparent focus:outline-none h-full ${nothingSelected ? 'text-gray-500' : 'text-white'}`}
+      class={`bg-transparent focus:outline-none h-full max-w-full ${nothingSelected ? 'text-gray-500' : 'text-white'}`}
       {placeholder}
       value={nothingSelected || focused ? search : label}
       on:input={onInput} />