diff --git a/frontend/src/views/SetupWizard/SetupWizard.css b/frontend/src/views/SetupWizard/SetupWizard.css
index f758730..7c395a7 100644
--- a/frontend/src/views/SetupWizard/SetupWizard.css
+++ b/frontend/src/views/SetupWizard/SetupWizard.css
@@ -1249,11 +1249,11 @@ button:disabled {
 }
 
 .smtp-config-row {
-  grid-template-columns: minmax(180px, 1.35fr) minmax(100px, 0.55fr) minmax(160px, 1fr) minmax(180px, 1.2fr);
+  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
 }
 
 .smtp-options-row {
-  grid-template-columns: minmax(180px, 0.7fr) minmax(260px, 1.3fr);
+  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
   align-items: stretch;
 }
 
diff --git a/frontend/src/views/SetupWizard/SetupWizard.vue b/frontend/src/views/SetupWizard/SetupWizard.vue
index ffc0c3a..55ed1d0 100644
--- a/frontend/src/views/SetupWizard/SetupWizard.vue
+++ b/frontend/src/views/SetupWizard/SetupWizard.vue
@@ -758,6 +758,8 @@ const {
                 <span>DNS 凭据</span>
                 <label class="credential-visibility-control">
                   <input
+                    id="dns-credentials-visible"
+                    name="dns_credentials_visible"
                     v-model="dnsCredentialsVisible"
                     type="checkbox"
                   />