diff --git a/src/routes/settings/index.svelte b/src/routes/settings/index.svelte
index 03c874b5..b2167fd2 100644
--- a/src/routes/settings/index.svelte
+++ b/src/routes/settings/index.svelte
@@ -392,13 +392,13 @@
       <Select className="w-64" bind:selected={selectedServer} options={servers} placeholder={$t('settings.server')} />
     </div>
     <div class="flex mt-2 md:mt-0">
-      <div class="flex flex-col md:flex-row md:items-center w-32 mr-2">
+      <div class="flex flex-col md:flex-row md:items-center mr-2">
         <p class="text-white mr-2">{$t('settings.ar')}</p>
-        <Input bind:value={arInput} placeholder="AR" type="number" min="1" />
+        <Input bind:value={arInput} placeholder="AR" type="number" min="1" className="w-24" />
       </div>
-      <div class="flex flex-col md:flex-row md:items-center w-32 mr-2">
+      <div class="flex flex-col md:flex-row md:items-center mr-2">
         <p class="text-white mr-2">{$t('settings.wl')}</p>
-        <Input bind:value={wlInput} placeholder="WL" type="number" min="1" />
+        <Input bind:value={wlInput} placeholder="WL" type="number" min="1" className="w-24" />
       </div>
     </div>
   </div>