.container {
  position: relative;
}
.searchIcon {
  position: absolute;
  // 11px here to keep the correct spacing on the left of the search icon - design requirements
  left: 11px;
  // 12px here to vertically center the search icon
  top: 12px;
  z-index: 1;
}

.container input.input {
  width: calc(100% - 74px); // 74px accounts for padding and 2px of border
  max-width: 100%;
  text-overflow: ellipsis;
  // This gives room for both of the icons to be visible inside of the text input
  padding: 8px 36px;
  &.hasText {
    text-overflow: inherit;
  }
}