diff --git a/umap/static/umap/base.css b/umap/static/umap/base.css
index 9a9e765c..c7f396e1 100644
--- a/umap/static/umap/base.css
+++ b/umap/static/umap/base.css
@@ -185,8 +185,11 @@ input[type="range"] {
     margin-bottom: 5px;
     width: 100%;
 }
+input[type="radio"] {
+    margin-right: var(--text-margin);
+}
 input[type="checkbox"] {
-    margin: 0 5px;
+    margin: 0 var(--text-margin);
     vertical-align: middle;
     appearance: none;
 }
diff --git a/umap/static/umap/vars.css b/umap/static/umap/vars.css
index f6732983..6bb1b247 100644
--- a/umap/static/umap/vars.css
+++ b/umap/static/umap/vars.css
@@ -35,6 +35,7 @@
     --border-radius: 4px;
     --box-padding: 20px;
     --box-margin: 14px;
+    --text-margin: 7px;
 }
 .dark {
     --background-color: var(--color-darkGray);