diff --git a/app/assets/stylesheets/framework/forms.scss b/app/assets/stylesheets/framework/forms.scss
index 2a601afff531a88302f570e1cacaaeafd6d35981..821e6691fe469590a5ca22d3a851e4f5e150126e 100644
--- a/app/assets/stylesheets/framework/forms.scss
+++ b/app/assets/stylesheets/framework/forms.scss
@@ -248,14 +248,24 @@ label {
 
 .gl-form-checkbox {
   align-items: baseline;
+  margin-right: 1rem;
+  margin-bottom: 0.25rem;
+
+  .form-check-input {
+    margin-right: 0;
+  }
+
+  .form-check-label {
+    padding-left: $gl-padding-8;
+  }
 
   &.form-check-inline .form-check-input {
     align-self: flex-start;
-    margin-right: $gl-padding-8;
     height: 1.5 * $gl-font-size;
   }
 
-  .help-text {
-    margin-bottom: 0;
+  .form-check-input:disabled,
+  .form-check-input:disabled ~ .form-check-label {
+    cursor: not-allowed;
   }
 }