.input-group.input-group-prepend {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
 
  > .form-control {
    z-index: 0;
    padding-left: calc(1rem + (var(--leap-input-padding-x) * 3));
  }

  > .input-group-text {
      width: var(--leap-input-height);
      height: var(--leap-input-height);
      justify-content: center;
      align-items: center;
      padding: 0;
      border: none;
      position: absolute;
      left: 0;
      z-index: 1;
      background: transparent;
      display: flex;

    .icon {
      width: 1rem;
      height: 1rem;
    }
  }
}

.input-group-text {
  color: var(--leap-input-color);
}
 
// Prepend Validation
.input-group-prepend > .form-control.is-valid + .input-group-text {
  border-color: $form-feedback-valid-color;
}
.input-group-prepend > .form-control.is-invalid + .input-group-text {
  border-color: $form-feedback-invalid-color;
}