fix .search-top layout

src/client/styles/scss/_search.scss

@@ -66,13 +66,19 @@
     border-bottom-left-radius: 40px;
   }
 
+  .search-typeahead {
+    border-top-right-radius: 40px;
+    border-bottom-right-radius: 40px;
+    .rbt-input-main {
+      border-top-right-radius: 40px;
+      border-bottom-right-radius: 40px;
+    }
+  }
+
   // using react-bootstrap-typeahead
   // see: https://github.com/ericgio/react-bootstrap-typeahead
   .rbt-input.form-control {
     height: 30px;
-    border-top-right-radius: 40px;
-    border-bottom-right-radius: 40px;
-
     .rbt-input-wrapper {
       margin-left: 8px;
     }

src/client/styles/scss/theme/_apply-colors-light.scss

@@ -38,21 +38,6 @@ $table-hover-bg: $bgcolor-table-hover;
   background-color: darken($bgcolor-global, 5%);
 }
 
-/*
- * GROWI search-top
- */
-.search-top {
-  .btn-group-dropdown-scope .dropdown-toggle {
-    background-color: rgba($bgcolor-global, 0.8);
-  }
-  .rbt-input.form-control {
-    background-color: rgba($bgcolor-global, 0.9);
-  }
-  .search-typeahead {
-    background-color: rgba($bgcolor-global, 0.9);
-  }
-}
-
 /*
  * GROWI subnavigation
  */