diff --git a/src/bootstrap/CheckBox.js b/src/bootstrap/CheckBox.js
index f97a90f..5983da1 100644
--- a/src/bootstrap/CheckBox.js
+++ b/src/bootstrap/CheckBox.js
@@ -42,8 +42,10 @@ export function CheckBox({
 
                     {...props}
                 />
-                <label className="custom-control-label" htmlFor={uid}>{label}</label>
-                {helpText && <small className="form-text text-muted">{helpText}</small>}
+                <label className="custom-control-label" htmlFor={uid}>
+                    {label}
+                    {helpText && <small className="form-text text-muted">{helpText}</small>}
+                </label>
             </div>
         </div>
     );
diff --git a/src/bootstrap/__tests__/__snapshots__/CheckBox.test.js.snap b/src/bootstrap/__tests__/__snapshots__/CheckBox.test.js.snap
index 31b0d57..ac39900 100644
--- a/src/bootstrap/__tests__/__snapshots__/CheckBox.test.js.snap
+++ b/src/bootstrap/__tests__/__snapshots__/CheckBox.test.js.snap
@@ -18,12 +18,12 @@ exports[`<Checkbox/> Render checkbox 1`] = `
       for="1"
     >
       Test label
+      <small
+        class="form-text text-muted"
+      >
+        Some help text
+      </small>
     </label>
-    <small
-      class="form-text text-muted"
-    >
-      Some help text
-    </small>
   </div>
 </div>
 `;
@@ -45,12 +45,12 @@ exports[`<Checkbox/> Render uncheked checkbox 1`] = `
       for="1"
     >
       Test label
+      <small
+        class="form-text text-muted"
+      >
+        Some help text
+      </small>
     </label>
-    <small
-      class="form-text text-muted"
-    >
-      Some help text
-    </small>
   </div>
 </div>
 `;