diff --git a/packages/main/src/themes/PopupsCommon.css b/packages/main/src/themes/PopupsCommon.css index 8dd9c60b6d84..e2543d63be63 100644 --- a/packages/main/src/themes/PopupsCommon.css +++ b/packages/main/src/themes/PopupsCommon.css @@ -60,7 +60,6 @@ } :host([header-text]) .ui5-popup-header-text { - text-align: center; min-height: var(--_ui5_popup_default_header_height); max-height: var(--_ui5_popup_default_header_height); line-height: var(--_ui5_popup_default_header_height); @@ -68,7 +67,8 @@ overflow: hidden; white-space: nowrap; max-width: 100%; - display: inline-block; + display: inline-flex; + justify-content: var(--_ui5_popup_header_prop_header_text_alignment); } :host([header-text]) .ui5-popup-header-root { diff --git a/packages/main/src/themes/ResponsivePopover.css b/packages/main/src/themes/ResponsivePopover.css index 5b3c5b4ab8c0..019273b7d3bb 100644 --- a/packages/main/src/themes/ResponsivePopover.css +++ b/packages/main/src/themes/ResponsivePopover.css @@ -11,7 +11,7 @@ .ui5-responsive-popover-header { height: var(--_ui5-responsive_popover_header_height); display: flex; - justify-content: space-between; + justify-content: var(--_ui5_popup_header_prop_header_text_alignment); align-items: center; width: 100%; }