diff --git a/webclient/src/components/settings/McpKeysPanel.vue b/webclient/src/components/settings/McpKeysPanel.vue
index b2ebe82..b2d0534 100644
--- a/webclient/src/components/settings/McpKeysPanel.vue
+++ b/webclient/src/components/settings/McpKeysPanel.vue
@@ -257,6 +257,20 @@
     align-items: stretch;
   }
 
+  // The 240px basis above is a *width* in the desktop row, but the stacked
+  // row turns it into a height: every server reserved 240px and its text
+  // floated at the top of the gap. Back to content height here.
+  .mcp-keys-info {
+    flex: 0 0 auto;
+  }
+
+  // The kit's .form-group wrapper already carries a 15px bottom margin; the
+  // row's own gap separates the field from the buttons, so stacked it just
+  // adds air.
+  .mcp-keys-row :deep(.form-group) {
+    margin-bottom: 0;
+  }
+
   .mcp-keys-input {
     flex: 1 1 auto;
   }