diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 03171bc4de..dbb32d42e0 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -84,12 +84,12 @@
   }
 
   .custom-control-input:checked ~ .custom-control-indicator {
-    background-image: url(#{$custom-checkbox-checked-icon});
+    background-image: $custom-checkbox-checked-icon;
   }
 
   .custom-control-input:indeterminate ~ .custom-control-indicator {
     background-color: $custom-checkbox-indeterminate-bg;
-    background-image: url(#{$custom-checkbox-indeterminate-icon});
+    background-image: $custom-checkbox-indeterminate-icon;
     @include box-shadow($custom-checkbox-indeterminate-box-shadow);
   }
 }
@@ -104,7 +104,7 @@
   }
 
   .custom-control-input:checked ~ .custom-control-indicator {
-    background-image: url(#{$custom-radio-checked-icon});
+    background-image: $custom-radio-checked-icon;
   }
 }
 
diff --git a/scss/_forms.scss b/scss/_forms.scss
index fd467030ad..108c57e090 100644
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -271,7 +271,7 @@ input[type="checkbox"] {
   @include form-control-validation($brand-success);
 
   .form-control-success {
-    background-image: url($form-icon-success);
+    background-image: $form-icon-success;
   }
 }
 
@@ -279,7 +279,7 @@ input[type="checkbox"] {
   @include form-control-validation($brand-warning);
 
   .form-control-warning {
-    background-image: url($form-icon-warning);
+    background-image: $form-icon-warning;
   }
 }
 
@@ -287,7 +287,7 @@ input[type="checkbox"] {
   @include form-control-validation($brand-danger);
 
   .form-control-danger {
-    background-image: url($form-icon-danger);
+    background-image: $form-icon-danger;
   }
 }