diff --git a/packages/fiori/src/Search.ts b/packages/fiori/src/Search.ts
index c29e43beb832..80726654fb30 100755
--- a/packages/fiori/src/Search.ts
+++ b/packages/fiori/src/Search.ts
@@ -75,6 +75,7 @@ type SearchEventDetails = {
  * @public
  * @since 2.9.0
  * @experimental
+ * @csspart popover - Used to style the suggestions popup
  */
 @customElement({
 	tag: "ui5-search",
diff --git a/packages/fiori/src/SearchPopoverTemplate.tsx b/packages/fiori/src/SearchPopoverTemplate.tsx
index b5288d212c2a..1bcd485542fe 100644
--- a/packages/fiori/src/SearchPopoverTemplate.tsx
+++ b/packages/fiori/src/SearchPopoverTemplate.tsx
@@ -30,6 +30,7 @@ export default function SearchPopoverTemplate(this: Search, headerTemplate?: Jsx
 			onClose={this._handleClose}
 			onBeforeClose={this._handleBeforeClose}
 			onBeforeOpen={this._handleBeforeOpen}
+			part="popover"
 			class={{
 				"ui5-search-popover": true,
 				"ui5-search-popover-phone": isPhone(),
diff --git a/packages/fiori/src/themes/Search.css b/packages/fiori/src/themes/Search.css
index 6866454b926b..329e4177e9c2 100644
--- a/packages/fiori/src/themes/Search.css
+++ b/packages/fiori/src/themes/Search.css
@@ -2,6 +2,7 @@
 
 .ui5-search-popover {
 	width: var(--search_width);
+	max-height: var(--_ui5_search_popover_max_height);
 	margin-top: .25rem;
 	box-sizing: border-box;
 }
diff --git a/packages/fiori/src/themes/base/Search-parameters.css b/packages/fiori/src/themes/base/Search-parameters.css
index 5b4044c2c273..0a62e9e22112 100644
--- a/packages/fiori/src/themes/base/Search-parameters.css
+++ b/packages/fiori/src/themes/base/Search-parameters.css
@@ -1,6 +1,7 @@
 :host {
 	--_ui5_search_item_vertical_padding: 1rem;
 	--_ui5_search_byline_vertical_padding: .5rem;
+	--_ui5_search_popover_max_height: 39rem;
 }
 
 @container style(--ui5_content_density: compact) {
diff --git a/packages/fiori/test/pages/Search.html b/packages/fiori/test/pages/Search.html
index 049a985675bd..526b4352ac80 100644
--- a/packages/fiori/test/pages/Search.html
+++ b/packages/fiori/test/pages/Search.html
@@ -19,6 +19,10 @@
 		.last {
 			padding-bottom: 2rem;
 		}
+
+		#search-custom-max-height::part(popover) {
+			max-height: 15rem;
+		}
 	</style>
 
 	<script src="%VITE_BUNDLE_PATH%" type="module"></script>
@@ -258,7 +262,7 @@
 		<ui5-search id="search-with-loading" show-clear-icon placeholder="Search..."></ui5-search>
 	</div>
 
-	<div class="container last">
+	<div class="container">
 		<ui5-label>Search with Suggestions with long group header text (wrapping)</ui5-label>
 		<ui5-search id="search" show-clear-icon placeholder="Placeholder">
 			<ui5-search-item-group header-text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.">
@@ -268,6 +272,67 @@
 		</ui5-search>
 	</div>
 
+	<div class="container">
+		<ui5-label>Search with custom popover max-height (15rem) using CSS part</ui5-label>
+		<ui5-search id="search-custom-max-height" show-clear-icon placeholder="Start typing ...">
+			<ui5-search-message-area slot="messageArea" description="This message area is inside the content part" text="Message Header"></ui5-search-message-area>
+			<ui5-search-item text="Item 1" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 2" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 3" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 4" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 5" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 6" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 7" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 8" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 9" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 10" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 11" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 12" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 13" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 14" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 15" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 16" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 17" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 18" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 19" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 20" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 21" icon="history"></ui5-search-item>
+			<ui5-search-item text="Item 22" icon="history"></ui5-search-item>
+			<ui5-button design="Transparent" slot="action">Show all results</ui5-button>
+		</ui5-search>
+		<ui5-text style="padding-top: 0.25rem; font-style: italic;">
+			This example demonstrates using the ::part(popover) CSS selector to customize the popover max-height (15rem).
+		</ui5-text>
+	</div>
+
+	<div class="container last">
+		<ui5-label>Search with message area and footer - Default max-height of suggestions popup is 39rem</ui5-label>
+		<ui5-search id="search-height-demo" show-clear-icon placeholder="Type to see popover with many items">
+			<ui5-search-message-area slot="messageArea" description="This message area is inside the content part" text="Message Header"></ui5-search-message-area>
+			<ui5-search-item text="Apple" icon="history"></ui5-search-item>
+			<ui5-search-item text="Banana" icon="history"></ui5-search-item>
+			<ui5-search-item text="Cherry" icon="history"></ui5-search-item>
+			<ui5-search-item text="Date" icon="history"></ui5-search-item>
+			<ui5-search-item text="Elderberry" icon="history"></ui5-search-item>
+			<ui5-search-item text="Fig" icon="history"></ui5-search-item>
+			<ui5-search-item text="Grape" icon="history"></ui5-search-item>
+			<ui5-search-item text="Honeydew" icon="history"></ui5-search-item>
+			<ui5-search-item text="Kiwi" icon="history"></ui5-search-item>
+			<ui5-search-item text="Lemon" icon="history"></ui5-search-item>
+			<ui5-search-item text="Mango" icon="history"></ui5-search-item>
+			<ui5-search-item text="Orange" icon="history"></ui5-search-item>
+			<ui5-search-item text="Papaya" icon="history"></ui5-search-item>
+			<ui5-search-item text="Quince" icon="history"></ui5-search-item>
+			<ui5-search-item text="Raspberry" icon="history"></ui5-search-item>
+			<ui5-search-item text="Strawberry" icon="history"></ui5-search-item>
+			<ui5-search-item text="Tangerine" icon="history"></ui5-search-item>
+			<ui5-search-item text="Watermelon" icon="history"></ui5-search-item>
+			<ui5-search-item text="Avocado" icon="history"></ui5-search-item>
+			<ui5-search-item text="Blueberry" icon="history"></ui5-search-item>
+			<ui5-button design="Transparent" slot="action">Show all results</ui5-button>
+		</ui5-search>
+	</div>
+
 	<script>
 		const search = document.getElementById('search');
 		const scopedSearch = document.getElementById('scoped-search');