From bd3c2e8fbd3ee80609843324a3a7f0c94d1dbd5d Mon Sep 17 00:00:00 2001
From: Evrim P <evrimfeyyaz@gmail.com>
Date: Sun, 3 May 2020 22:49:25 +0400
Subject: [PATCH] Make the style rule for multi-input more specific to avoid
 Bootstrap's own style rules taking precedence

---
 styles/Typeahead-bs4.scss | 5 +++--
 styles/Typeahead.scss     | 7 +++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/styles/Typeahead-bs4.scss b/styles/Typeahead-bs4.scss
index cdc295c3..c594d050 100644
--- a/styles/Typeahead-bs4.scss
+++ b/styles/Typeahead-bs4.scss
@@ -35,7 +35,7 @@ $placeholder-color: #6c757d;
       }
 
       // Safari and Chrome
-      &::-webkit-input-placeholder  {
+      &::-webkit-input-placeholder {
         color: $placeholder-color;
       }
     }
@@ -43,7 +43,8 @@ $placeholder-color: #6c757d;
     // Override height in main CSS file :/
     & .rbt-input-main,
     &.form-control-lg .rbt-input-main,
-    &.form-control-sm .rbt-input-main {
+    &.form-control-sm .rbt-input-main,
+    &.form-control {
       height: auto;
     }
   }
diff --git a/styles/Typeahead.scss b/styles/Typeahead.scss
index 68ef955e..36ea729c 100644
--- a/styles/Typeahead.scss
+++ b/styles/Typeahead.scss
@@ -29,7 +29,10 @@ $placeholder-color: #999;
     cursor: text;
     overflow: hidden;
     position: relative;
-    height: auto;
+
+    &.form-control {
+      height: auto;
+    }
 
     // Apply Bootstrap focus styles
     &.focus {
@@ -58,7 +61,7 @@ $placeholder-color: #999;
       }
 
       // Safari and Chrome
-      &::-webkit-input-placeholder  {
+      &::-webkit-input-placeholder {
         color: $placeholder-color;
       }
     }