diff --git a/src/scss/_components/_ui.form.basics.scss b/src/scss/_components/_ui.form.basics.scss
index 75e4d9b..37afdb9 100755
--- a/src/scss/_components/_ui.form.basics.scss
+++ b/src/scss/_components/_ui.form.basics.scss
@@ -1,3 +1,7 @@
+legend {
+    @extend h2;
+}
+
 // date-time fields
 input.date,
 input.time {
@@ -6,6 +10,23 @@ input.time {
     }
 }
 
+input.checkbox {
+    margin-right: 0.5em;
+}
+
+.checkbox-list {
+    display: flex;
+    flex-wrap: wrap;
+    .field {
+        margin: 0.5rem !important;
+        min-width: 25%;
+        .right {
+            margin: 0;
+            padding: 0;
+        }
+    }
+}
+
 .bootstrap-timepicker-widget,
 .datepicker-dropdown {
     border: 1px solid #ced4da;