From c468f89b1c5fe1a7ae393791bc5ad86cd536b5ab Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Fri, 22 Dec 2017 21:16:38 -0800
Subject: [PATCH] Make custom select and file inputs 100% wide

Matches browser default inputs and swaps some max-width properties for a regular width
---
 scss/_custom-forms.scss | 5 ++---
 scss/_variables.scss    | 1 -
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index e66638ba33..56093bc484 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -147,7 +147,7 @@
 
 .custom-select {
   display: inline-block;
-  max-width: 100%;
+  width: 100%;
   height: $input-height;
   padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
   line-height: $custom-select-line-height;
@@ -219,13 +219,12 @@
 .custom-file {
   position: relative;
   display: inline-block;
-  max-width: 100%;
+  width: 100%;
   height: $custom-file-height;
   margin-bottom: 0;
 }
 
 .custom-file-input {
-  min-width: $custom-file-width;
   max-width: 100%;
   height: $custom-file-height;
   margin: 0;
diff --git a/scss/_variables.scss b/scss/_variables.scss
index b51b99a3a1..8ebb619ccc 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -494,7 +494,6 @@ $custom-select-font-size-lg:        125% !default;
 $custom-select-height-lg:           $input-height-lg !default;
 
 $custom-file-height:                $input-height !default;
-$custom-file-width:                 14rem !default;
 $custom-file-focus-border-color:    $input-focus-border-color !default;
 $custom-file-focus-box-shadow:      $input-btn-focus-box-shadow !default;