@import '../styles/colors';

.gs-input-wrapper {
  display: inline-block;
  width: 100%;
  padding: 0;
  position: relative;
}

.gs-input-wrapper::after {
  background-color: $gh-box-fill-color;
  display: inline-block;
  font-family: FontAwesome;
  color: white;
  content: "\f002";
  padding: 8px 10px;
  height: 37px !important;
  top: 0;
  position: relative;
  border: 2px solid $gh-box-color;
}

.gs-input {
  font-size: 0.8em !important;
  width: 100%;
  padding: 6px;
  height: 37px;
  border-right: none;
}

.gs-input::-webkit-input-placeholder {
  text-transform: uppercase;
}

@import '../styles/colors';

.gs-input-wrapper {
  display: inline-block;
  width: 100%;
  padding: 0;
  position: relative;
}

.gs-input-wrapper::after {
  background-color: $gh-box-fill-color;
  display: inline-block;
  font-family: FontAwesome;
  color: white;
  content: "\f002";
  padding: 8px 13px;
  height: 37px !important;
  top: 0;
  position: relative;
  border: 2px solid $gh-box-color;
  border-left: none;
}

.gs-input {
  font-size: 0.8em !important;
  width: 100%;
  padding: 6px;
  height: 37px;
  border-right: none;
}

.gs-input::-webkit-input-placeholder {
  text-transform: uppercase;
}

Make the search icon better match the drop down icons on the header widgets by removing the left border and adjusting its size.
Make the search icon better match the drop down icons on the header widgets by removing the left border and adjusting its size.
