diff --git a/packages/main/src/ComboBox.js b/packages/main/src/ComboBox.js index 05c8f0e5c678..dd719d0dfd20 100644 --- a/packages/main/src/ComboBox.js +++ b/packages/main/src/ComboBox.js @@ -814,7 +814,7 @@ class ComboBox extends UI5Element { suggestionPopoverHeader: { "display": this._listWidth === 0 ? "none" : "inline-block", "width": `${this._listWidth}px`, - "padding": "0.5625rem 1rem", + "padding": "0.9125rem 1rem", }, }; } diff --git a/packages/main/src/MultiComboBox.js b/packages/main/src/MultiComboBox.js index 787d70524e01..1ffa6556f301 100644 --- a/packages/main/src/MultiComboBox.js +++ b/packages/main/src/MultiComboBox.js @@ -872,9 +872,8 @@ class MultiComboBox extends UI5Element { return { popoverValueStateMessage: { "width": `${this._listWidth}px`, - "min-height": "2.5rem", - "padding": "0.5625rem 1rem", "display": this._listWidth === 0 ? "none" : "inline-block", + "padding": "0.9125rem 1rem", }, popoverHeader: { "width": `${this._inputWidth}px`, diff --git a/packages/main/src/themes/ResponsivePopover.css b/packages/main/src/themes/ResponsivePopover.css index 16b6fd26eac6..92ffc78180a9 100644 --- a/packages/main/src/themes/ResponsivePopover.css +++ b/packages/main/src/themes/ResponsivePopover.css @@ -13,7 +13,7 @@ } .ui5-responsive-popover-header { - height: var(--_ui5-responnsive_popover_header_height); + height: var(--_ui5-responsive_popover_header_height); display: flex; justify-content: space-between; align-items: center; diff --git a/packages/main/src/themes/base/sizes-parameters.css b/packages/main/src/themes/base/sizes-parameters.css index aca2cf8f91da..a1bca94c9753 100644 --- a/packages/main/src/themes/base/sizes-parameters.css +++ b/packages/main/src/themes/base/sizes-parameters.css @@ -70,7 +70,7 @@ --_ui5_textarea_padding: 0.5625rem 0.6875rem; /* Responsive Popover */ - --_ui5-responnsive_popover_header_height: 2.75rem; + --_ui5-responsive_popover_header_height: 2.75rem; /* Side Navigation */ --ui5_side_navigation_item_height: 2.75rem; @@ -210,7 +210,7 @@ --_ui5_radiobutton_min_width: var(--_ui5_radiobutton_min_width_compact); /* Responsive Popover */ - --_ui5-responnsive_popover_header_height: 2.5rem; + --_ui5-responsive_popover_header_height: 2.5rem; /* Side Navigation */ --ui5_side_navigation_item_height: 2rem;