From 4c2e4de307a491a10cee370ed8f03667ded625dd Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 29 Apr 2018 16:47:35 -0700
Subject: [PATCH] Simplify custom file inner height for generated browse button

---
 scss/_custom-forms.scss | 2 +-
 scss/_variables.scss    | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index a60c4a45cb99..cd75d8b4472e 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -286,7 +286,7 @@
     bottom: 0;
     z-index: 3;
     display: block;
-    height: calc(#{$custom-file-height} - #{$custom-file-border-width} * 2);
+    height: $custom-file-height-inner;
     padding: $custom-file-padding-y $custom-file-padding-x;
     line-height: $custom-file-line-height;
     color: $custom-file-button-color;
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 896201a2c7fd..73451a090829 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -526,6 +526,7 @@ $custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-s
 $custom-range-thumb-active-bg:        lighten($component-active-bg, 35%) !default;
 
 $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;