diff --git a/css/style.css b/css/style.css
index 6db442d..aeb16b9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2112,6 +2112,10 @@ body[data-editor-position="center"] #settingsPanel {
     pointer-events: none;
     transition: transform var(--t-base), opacity var(--t-base);
 }
+/* Settings gets a FIXED height in centered mode so switching tabs (short vs
+   long) doesn't resize + re-center the modal. Entry #slideover stays
+   content-sized (grows with the form). */
+body[data-editor-position="center"] #settingsPanel { height: min(88vh, 620px); }
 body[data-editor-position="center"] #slideover.is-open,
 body[data-editor-position="center"] #settingsPanel.is-open {
     transform: translate(-50%, -50%) scale(1);
diff --git a/js/app.js b/js/app.js
index 8710b65..f6b0581 100644
--- a/js/app.js
+++ b/js/app.js
@@ -7813,8 +7813,8 @@ function closeSettings() {
 const SETTINGS_TAB_OF = {
     'Appearance': 'general',
     'Security': 'security', 'Clipboard privacy': 'security',
-    'PIN unlock': 'security', 'Quick unlock': 'security', 'Recovery key': 'security',
     'Account': 'account',
+    'PIN unlock': 'account', 'Quick unlock': 'account', 'Recovery key': 'account',
     'Export': 'sync', 'Sync (WebDAV)': 'sync', 'Auto-backup': 'sync', 'Import': 'sync',
 };
 let settingsActiveTab = 'general';