diff --git a/webui/src/features/settings/AutoDeleteSection.jsx b/webui/src/features/settings/AutoDeleteSection.jsx
index 9587860..4fdf7c2 100644
--- a/webui/src/features/settings/AutoDeleteSection.jsx
+++ b/webui/src/features/settings/AutoDeleteSection.jsx
@@ -15,15 +15,15 @@ export default function AutoDeleteSection({ t, form, setForm }) {
                 <h3 className="font-semibold">{t('settings.autoDeleteTitle')}</h3>
             </div>
             <p className="text-sm text-muted-foreground">{t('settings.autoDeleteDesc')}</p>
-            <div className="space-y-2">
-                <label className="text-sm font-medium">{t('settings.autoDeleteMode')}</label>
+            <div className="space-y-1.5">
+                <label className="text-sm font-medium leading-6">{t('settings.autoDeleteMode')}</label>
                 <select
                     value={mode}
                     onChange={(e) => setForm((prev) => ({
                         ...prev,
                         auto_delete: { ...(prev.auto_delete || {}), mode: e.target.value },
                     }))}
-                    className="w-full rounded-lg border border-border bg-muted px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-ring"
+                    className="w-full rounded-lg border border-border bg-background px-3 py-2 text-sm leading-5 focus:outline-none focus:ring-1 focus:ring-ring"
                 >
                     <option value="none">{t('settings.autoDeleteNone')}</option>
                     <option value="single">{t('settings.autoDeleteSingle')}</option>