diff --git a/src/lib/components/admin/Settings/Images.svelte b/src/lib/components/admin/Settings/Images.svelte
index 80b5c93ba9..9838792f28 100644
--- a/src/lib/components/admin/Settings/Images.svelte
+++ b/src/lib/components/admin/Settings/Images.svelte
@@ -282,6 +282,7 @@
 			<SensitiveInput
 				placeholder={$i18n.t('Enter api auth string (e.g. username:password)')}
 				bind:value={AUTOMATIC1111_API_AUTH}
+				required={false}
 			/>
 
 			<div class="mt-2 text-xs text-gray-400 dark:text-gray-500">
diff --git a/src/lib/components/common/SensitiveInput.svelte b/src/lib/components/common/SensitiveInput.svelte
index 38a65cce18..a1d7b92489 100644
--- a/src/lib/components/common/SensitiveInput.svelte
+++ b/src/lib/components/common/SensitiveInput.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	export let value: string = '';
 	export let placeholder = '';
+	export let required = true;
 	export let readOnly = false;
 	export let outerClassName = 'flex flex-1';
 	export let inputClassName =
@@ -15,7 +16,7 @@
 		class={inputClassName}
 		{placeholder}
 		bind:value
-		required={!readOnly}
+		required={required && !readOnly}
 		disabled={readOnly}
 		autocomplete="off"
 		{...{ type: show ? 'text' : 'password' }}