workaround for IE that check indicator does not appear (#25944)

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index c2ff758e15d6d4dd70a3d108ce3d1ca98836c00f..a60c4a45cb9936f49dad6ac41cbbc155c23b0ea9 100644 (file)
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -57,13 +57,14 @@
 // Build the custom controls out of pseudo-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;