diff --git a/scss/_variables.scss b/scss/_variables.scss
index dec7f8e789..3e11ae7bc0 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -580,7 +580,6 @@ $input-group-addon-color:               $input-color !default;
 $input-group-addon-bg:                  $gray-200 !default;
 $input-group-addon-border-color:        $input-border-color !default;
 
-$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
 
 $form-select-padding-y:           $input-padding-y !default;
 $form-select-padding-x:           $input-padding-x !default;
@@ -640,6 +639,7 @@ $form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-
 $form-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge
 $form-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;
 $form-range-thumb-disabled-bg:             $gray-500 !default;
+$form-range-thumb-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
 
 $form-file-height:                $input-height !default;
 $form-file-focus-border-color:    $input-focus-border-color !default;
diff --git a/scss/forms/_form-range.scss b/scss/forms/_form-range.scss
index b54d4d6aaf..8472298139 100644
--- a/scss/forms/_form-range.scss
+++ b/scss/forms/_form-range.scss
@@ -33,7 +33,7 @@
     border: $form-range-thumb-border;
     @include border-radius($form-range-thumb-border-radius);
     @include box-shadow($form-range-thumb-box-shadow);
-    @include transition($custom-forms-transition);
+    @include transition($form-range-thumb-transition);
     appearance: none;
 
     &:active {
@@ -59,7 +59,7 @@
     border: $form-range-thumb-border;
     @include border-radius($form-range-thumb-border-radius);
     @include box-shadow($form-range-thumb-box-shadow);
-    @include transition($custom-forms-transition);
+    @include transition($form-range-thumb-transition);
     appearance: none;
 
     &:active {
@@ -88,7 +88,7 @@
     border: $form-range-thumb-border;
     @include border-radius($form-range-thumb-border-radius);
     @include box-shadow($form-range-thumb-box-shadow);
-    @include transition($custom-forms-transition);
+    @include transition($form-range-thumb-transition);
     appearance: none;
 
     &:active {