Custom switch form control gutter fix (#27837)

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index fc8f4c21d73cda4a83a2bf7011245943a833a287..857a5b67a55f817117fd7b3d247fef9b951cb20e 100644 (file)
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -166,11 +166,11 @@
 // Tweak a few things for switches
 
 .custom-switch {
-  padding-left: $custom-switch-width + ($custom-control-gutter - $custom-control-indicator-size);
+  padding-left: $custom-switch-width + $custom-control-gutter;
 
   .custom-control-label {
     &::before {
-      left: -($custom-switch-width + ($custom-control-gutter - $custom-control-indicator-size));
+      left: -($custom-switch-width + $custom-control-gutter);
       width: $custom-switch-width;
       pointer-events: all;
       border-radius: $custom-switch-indicator-border-radius;
@@ -178,7 +178,7 @@
 
     &::after {
       top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2});
-      left: calc(#{-($custom-switch-width + ($custom-control-gutter - $custom-control-indicator-size))} + #{$custom-control-indicator-border-width * 2});
+      left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});
       width: $custom-switch-indicator-size;
       height: $custom-switch-indicator-size;
       background-color: $custom-control-indicator-border-color;