diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 2d65dcbc9277..7eeca990c5cd 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -57,13 +57,14 @@
 // Build the custom controls out of psuedo-elements.
 
 .custom-control-label {
+  position: relative;
   margin-bottom: 0;
 
   // Background-color and (when enabled) gradient
   &::before {
     position: absolute;
     top: (($line-height-base - $custom-control-indicator-size) / 2);
-    left: 0;
+    left: -$custom-control-gutter;
     display: block;
     width: $custom-control-indicator-size;
     height: $custom-control-indicator-size;
@@ -78,7 +79,7 @@
   &::after {
     position: absolute;
     top: (($line-height-base - $custom-control-indicator-size) / 2);
-    left: 0;
+    left: -$custom-control-gutter;
     display: block;
     width: $custom-control-indicator-size;
     height: $custom-control-indicator-size;