diff --git a/web_src/css/form.css b/web_src/css/form.css
index 8b15e5fd7c..15da3af265 100644
--- a/web_src/css/form.css
+++ b/web_src/css/form.css
@@ -47,9 +47,16 @@ fieldset label + .ui.dropdown {
 
 fieldset label > input[type="checkbox"],
 fieldset label > input[type="radio"] {
-  margin-right: 0.75em;
+  margin-right: 0.5em;
   margin-top: 0 !important;
   vertical-align: initial !important; /* overrides a semantic.css rule, remove when obsolete */
+  cursor: pointer;
+}
+
+
+fieldset label:has(input[type="checkbox"]),
+fieldset label:has(input[type="radio"]) {
+  cursor: pointer;
 }
 
 @media (min-width: 768px) {
diff --git a/web_src/css/modules/checkbox.css b/web_src/css/modules/checkbox.css
index 8d73573bfa..fa340b55af 100644
--- a/web_src/css/modules/checkbox.css
+++ b/web_src/css/modules/checkbox.css
@@ -41,7 +41,8 @@ input[type="radio"] {
 
 .ui.checkbox label,
 .ui.radio.checkbox label {
-  margin-left: 1.85714em;
+  padding-left: 1.85714em;
+  cursor: pointer;
 }
 
 .ui.checkbox + label {