diff --git a/edit/settings.css b/edit/settings.css
index 883c8a48..9eb70e04 100644
--- a/edit/settings.css
+++ b/edit/settings.css
@@ -26,7 +26,10 @@
   display: grid;
   grid-template-columns: minmax(min-content, 1fr) min-content;
   grid-gap: .3em;
-  margin: .3em 0;
+  margin: 0 0 .3em 0;
+}
+[data-length="0"] .rule-table {
+  margin: 0;
 }
 .radio-group .form-label {
   display: block;
diff --git a/edit/settings.js b/edit/settings.js
index 46061cdd..c81e09bb 100644
--- a/edit/settings.js
+++ b/edit/settings.js
@@ -69,6 +69,7 @@ function StyleSettings(editor) {
       if (!style[type]) {
         style[type] = [];
       }
+      container.dataset.length = style[type].length;
       style[type].forEach((rule, i) => {
         const input = document.createElement('input');
         input.value = rule;