diff --git a/web/src/app.css b/web/src/app.css
index 4755f190299..2c8d150b4fe 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -128,7 +128,7 @@ input:focus-visible {
 
 @layer utilities {
   .immich-form-input {
-    @apply rounded-xl bg-slate-200 px-3 py-3 text-sm focus:border-immich-primary disabled:cursor-not-allowed disabled:bg-gray-400 disabled:text-gray-400 dark:bg-gray-600 dark:text-immich-dark-fg dark:disabled:bg-gray-800 dark:disabled:text-gray-200;
+    @apply rounded-xl bg-slate-200 px-3 py-3 text-sm focus:border-immich-primary disabled:cursor-not-allowed disabled:bg-gray-400 disabled:text-gray-100 dark:bg-gray-600 dark:text-immich-dark-fg dark:disabled:bg-gray-800 dark:disabled:text-gray-200;
   }
 
   .immich-form-label {
diff --git a/web/src/lib/components/shared-components/settings/setting-input-field.svelte b/web/src/lib/components/shared-components/settings/setting-input-field.svelte
index d904089731e..9259f59cfba 100644
--- a/web/src/lib/components/shared-components/settings/setting-input-field.svelte
+++ b/web/src/lib/components/shared-components/settings/setting-input-field.svelte
@@ -71,7 +71,9 @@
 
 <div class="mb-4 w-full">
   <div class="flex place-items-center gap-1">
-    <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for={label}>{label}</label>
+    <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm min-h-6" for={label}
+      >{label}</label
+    >
     {#if required}
       <div class="text-red-400">*</div>
     {/if}
@@ -109,7 +111,7 @@
           max={max.toString()}
           {step}
           {required}
-          {value}
+          bind:value
           onchange={handleChange}
           {disabled}
           {title}
@@ -129,7 +131,7 @@
         max={max.toString()}
         {step}
         {required}
-        {value}
+        bind:value
         onchange={handleChange}
         {disabled}
         {title}