diff --git a/scss/_variables.scss b/scss/_variables.scss index 03f3be5cda..9ab5674a23 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -1001,8 +1001,8 @@ $input-placeholder-color: $gray-700 !default; $input-plaintext-color: var(--#{$prefix}body-color) !default; $input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default; -// Boosted mod: no $input-height-inner-half -// Boosted mod: no $input-height-inner-quarter +$input-height-inner-half: $spacer !default; // Boosted mod +$input-height-inner-quarter: map-get($spacers, 2) !default; // Boosted mod $input-height: 2.5rem !default; // Boosted mod: no $input-height-sm diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index 34025108bc..884cfc5ff8 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -27,7 +27,10 @@ @if $enable-validation-icons { .form-control { @include form-validation-state-selector($state) { - background: $icon no-repeat right map-get($spacers, 2) center / $spacer; + background-image: escape-svg($icon); + background-repeat: no-repeat; + background-position: right $input-height-inner-quarter center; + background-size: $input-height-inner-half $input-height-inner-half; } } }