diff --git a/packages/main/src/Menu.ts b/packages/main/src/Menu.ts
index ef01695a042b..db2f3b1fdb11 100644
--- a/packages/main/src/Menu.ts
+++ b/packages/main/src/Menu.ts
@@ -29,6 +29,7 @@ import { isInstanceOfMenuItem } from "./MenuItem.js";
 import { isInstanceOfMenuItemGroup } from "./MenuItemGroup.js";
 import { isInstanceOfMenuSeparator } from "./MenuSeparator.js";
 import type PopoverHorizontalAlign from "./types/PopoverHorizontalAlign.js";
+import type PopoverPlacement from "./types/PopoverPlacement.js";
 import type {
 	ListItemClickEventDetail,
 } from "./List.js";
@@ -200,6 +201,15 @@ class Menu extends UI5Element {
 	@property({ type: Boolean })
 	open = false;
 
+	/**
+	 * Determines on which side the component is placed at.
+	 * @default "Bottom"
+	 * @public
+	 * @since 2.16.0
+	 */
+	@property()
+	placement: `${PopoverPlacement}` = "Bottom";
+
 	/**
 	 * Determines the horizontal alignment of the menu relative to its opener control.
 	 * @default "Start"
diff --git a/packages/main/src/MenuTemplate.tsx b/packages/main/src/MenuTemplate.tsx
index aa0bcaed0185..7377c9fa20f4 100644
--- a/packages/main/src/MenuTemplate.tsx
+++ b/packages/main/src/MenuTemplate.tsx
@@ -10,7 +10,7 @@ export default function MenuTemplate(this: Menu) {
 		<ResponsivePopover
 			id={`${this._id}-menu-rp`}
 			class="ui5-menu-rp"
-			placement="Bottom"
+			placement={this.placement}
 			verticalAlign="Bottom"
 			horizontalAlign={this.horizontalAlign}
 			opener={this.opener}