.InputWithPrefixSufix:focus-within {
  border-bottom: solid 1px #42a5f5;
  box-shadow: 0 1px 0 0 #42a5f5;
}
.InputWithPrefixSufix {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: solid 1px lightgray;
}
.InputWithPrefixSufix > input,
.InputWithPrefixSufix > input[type='text']:focus {
  border: none;
  box-shadow: none;
}
.InputWithPrefixSufix > .input-suffix,
.InputWithPrefixSufix .input-prefix {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 8px;
  color: #444444;
  opacity: 0.5;
}