diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss index bce62c131..69b7a49a3 100644 --- a/core/scss/_variables.scss +++ b/core/scss/_variables.scss @@ -1406,6 +1406,8 @@ $dropdown-header-padding-y: $dropdown-padding-y !default; $dropdown-max-width: 25rem !default; $dropdown-scrollable-height: 13rem !default; $combobox-menu-max-height: 300px !default; +$combobox-search-gap: 0.375rem !default; +$combobox-search-gap-x: 0.5rem !default; $dropdown-item-gap: 0.5rem !default; $dropdown-header-padding-bottom: 0.25rem !default; $dropdown-menu-columns-gap: 0.25rem !default; diff --git a/core/scss/ui/forms/_combobox.scss b/core/scss/ui/forms/_combobox.scss index 3165cd16b..714119f1e 100644 --- a/core/scss/ui/forms/_combobox.scss +++ b/core/scss/ui/forms/_combobox.scss @@ -119,11 +119,13 @@ } .combobox-search { - padding: 0 calc(0.75 * #{$dropdown-padding-y}) calc(0.75 * #{$dropdown-padding-y}); + padding: 0 $combobox-search-gap-x $combobox-search-gap; + margin-top: calc(#{$combobox-search-gap} - #{$dropdown-padding-y}); } .combobox-search-input { width: 100%; + font-size: inherit; } .dropdown-item-label {