From cd549f36877733d5bfb71c1955d88d6d69479db9 Mon Sep 17 00:00:00 2001
From: I Made Setia Baruna <setia.baruna@sprintasia.co.id>
Date: Sat, 9 Jan 2021 02:24:43 +0800
Subject: [PATCH] Fix select overflow

---
 src/components/CharacterSelect.svelte | 2 +-
 src/components/WeaponSelect.svelte    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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} />