import scss

src/client/styles/scss/_override-bootstrap.scss

@@ -91,7 +91,7 @@ h5 {
 
 .dropdown-menu > li > a {
   width: 100%;
-  padding: 5px 15px;
+  padding: 9px 20px;
 }
 
 .dropdown-menu > li > a:focus,

src/client/styles/scss/_override-rbt.scss

@@ -13,57 +13,3 @@
 .rbt-aux {
   display: none;
 }
-
-.rbt-menu {
-  padding-top: 5px;
-  margin-bottom: 2px;
-  .rbt-highlight-text {
-    padding: 0;
-    font-weight: 700;
-    background-color: inherit;
-  }
-  a.active,
-  a:active {
-    background-color: #175fa5;
-    .rbt-highlight-text {
-      color: white;
-    }
-  }
-}
-
-.rbt-input {
-  padding: 7px 12px;
-  .rbt-input-wrapper {
-    .rbt-token {
-      position: relative;
-      display: inline-block;
-      padding: 4px 7px;
-      margin: 0 3px 3px 0;
-      line-height: 1em;
-      color: #1f8dd6;
-      background-color: #e7f4ff;
-      border: 0;
-      border-radius: 2px;
-      &.rbt-token-removeable {
-        padding-right: 21px;
-        cursor: pointer;
-      }
-      .rbt-token-remove-button {
-        position: absolute;
-        top: -2px;
-        right: 0;
-        bottom: 0;
-        padding: 3px 7px;
-        font-size: inherit;
-        font-weight: 400;
-        color: inherit;
-        text-shadow: none;
-        outline: none;
-        opacity: 1;
-      }
-    }
-    .rbt-input-hint-container {
-      display: inline-block;
-    }
-  }
-}

src/client/styles/scss/_search.scss

@@ -1,5 +1,8 @@
 @import 'layout_variable';
 
+// import react-bootstrap-typeahead
+@import '~react-bootstrap-typeahead/css/Typeahead';
+
 .search-listpage-icon {
   font-size: 16px;
   color: #999;