Custom select inconsistent padding (#27415)

diff --git a/scss/_variables.scss b/scss/_variables.scss
index d314acbab7e172f193356d355729f9d1301fa620..7ae0aaf4b5794dc192ddf4d271af5ba483f78dfa 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -523,8 +523,8 @@ $custom-checkbox-indicator-indeterminate-box-shadow:  none !default;
 $custom-radio-indicator-border-radius:          50% !default;
 $custom-radio-indicator-icon-checked:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
 
-$custom-select-padding-y:           .375rem !default;
-$custom-select-padding-x:           .75rem !default;
+$custom-select-padding-y:           $input-btn-padding-y !default;
+$custom-select-padding-x:           $input-btn-padding-x !default;
 $custom-select-height:              $input-height !default;
 $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
 $custom-select-font-weight:         $input-font-weight !default;