diff --git a/css/admin.css b/css/admin.css
index 2364a2593..7b600168a 100644
--- a/css/admin.css
+++ b/css/admin.css
@@ -2668,13 +2668,23 @@
 .nldesign-deprecation-badge--critical {
 	border-color: var(--color-error);
 }
+/* The same core reset zeroes margin and padding on `dialog`, which takes away
+   the `margin: auto` that centres a modal and its inner spacing. */
 .nldesign-own-dialog {
+	margin: auto;
+	padding: 16px;
 	max-width: 520px;
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-large);
 	background: var(--color-main-background);
 	color: var(--color-main-text);
 }
+/* Nextcloud core's reset sets `dialog { display: block }`, which beats the
+   browser's own `dialog:not([open]) { display: none }`, so a closed dialog
+   would render in the page and push the settings layout out of view. */
+.nldesign-own-dialog:not([open]) {
+	display: none;
+}
 .nldesign-own-dialog label {
 	display: block;
 	font-weight: 600;