.xh-text-input {
  background: var(--xh-input-bg);

  .text-input,
  .text-input__label {
    height: var(--xh-mobile-input-height-px);
    padding: 0 var(--xh-pad-px);
  }

  &__input {
    flex: 1;
  }

  &__left-icon {
    display: flex;
    align-items: center;
    padding-left: var(--xh-pad-px);
    color: var(--xh-text-color-muted);
  }

  &__clear-button {
    padding-right: 8px;
    padding-left: 0;
    color: var(--xh-text-color-muted) !important;
  }
}