diff --git a/packages/main/src/SelectPopoverTemplate.tsx b/packages/main/src/SelectPopoverTemplate.tsx
index bc996bfc7b06..82bbb03e9418 100644
--- a/packages/main/src/SelectPopoverTemplate.tsx
+++ b/packages/main/src/SelectPopoverTemplate.tsx
@@ -5,6 +5,7 @@ import ResponsivePopover from "./ResponsivePopover.js";
 import Popover from "./Popover.js";
 import Icon from "./Icon.js";
 import decline from "@ui5/webcomponents-icons/dist/decline.js";
+import Title from "./Title.js";
 
 export default function SelectPopoverTemplate(this: Select) {
 	return (
@@ -30,7 +31,7 @@ export default function SelectPopoverTemplate(this: Select) {
 					{this._isPhone &&
 						<div slot="header" class="ui5-responsive-popover-header">
 							<div class="row">
-								<span>{this._headerTitleText}</span>
+								<Title>{this._headerTitleText}</Title>
 								<Button
 									class="ui5-responsive-popover-close-btn"
 									icon={decline}
diff --git a/packages/main/src/themes/SelectPopover.css b/packages/main/src/themes/SelectPopover.css
index e52eb1a4d500..89498ca2bcb4 100644
--- a/packages/main/src/themes/SelectPopover.css
+++ b/packages/main/src/themes/SelectPopover.css
@@ -1,4 +1,8 @@
 .ui5-select-popover::part(content),
 .ui5-select-popover::part(header) {
 	padding: 0;
+}
+
+.ui5-select-popover .ui5-responsive-popover-header .row {
+    justify-content: flex-start;
 }
\ No newline at end of file