diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index de592a3ddc..5b75fcbf90 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -257,6 +257,10 @@
     }
   }
 
+  &:disabled ~ .custom-file-label {
+    background-color: $custom-file-disabled-bg;
+  }
+
   @each $lang, $value in $custom-file-text {
     &:lang(#{$lang}) ~ .custom-file-label::after {
       content: $value;
diff --git a/scss/_variables.scss b/scss/_variables.scss
index be578ad8d2..a3b2eb0494 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -531,6 +531,7 @@ $custom-file-height:                $input-height !default;
 $custom-file-height-inner:          $input-height-inner !default;
 $custom-file-focus-border-color:    $input-focus-border-color !default;
 $custom-file-focus-box-shadow:      $input-btn-focus-box-shadow !default;
+$custom-file-disabled-bg:           $input-disabled-bg !default;
 
 $custom-file-padding-y:             $input-btn-padding-y !default;
 $custom-file-padding-x:             $input-btn-padding-x !default;