diff --git a/umap/static/umap/base.css b/umap/static/umap/base.css
index 2c3d0b2c..4c4ab17f 100644
--- a/umap/static/umap/base.css
+++ b/umap/static/umap/base.css
@@ -150,7 +150,8 @@ input[type="url"], textarea {
     font-family: inherit;
     font-size: 14px;
     height: 32px;
-    margin: 0 0 14px;
+    margin: 0;
+    margin-bottom: var(--box-margin);
     padding: 7px;
     width: 100%;
 }
@@ -220,6 +221,7 @@ select {
     height: 28px;
     line-height: 28px;
     margin-top: 5px;
+    margin-bottom: var(--box-margin);
 }
 .dark select {
     color: #efefef;
diff --git a/umap/static/umap/vars.css b/umap/static/umap/vars.css
index b6d4f44e..e19f753b 100644
--- a/umap/static/umap/vars.css
+++ b/umap/static/umap/vars.css
@@ -34,6 +34,7 @@
     --control-size: 36px;
     --border-radius: 4px;
     --box-padding: 20px;
+    --box-margin: 14px;
 }
 .dark {
     --background-color: var(--color-darkGray);
@@ -43,5 +44,6 @@
 @media only screen and (max-width:770px) {
     :root {
         --box-padding: 10px;
+        --box-margin: 7px;
     }
 }