diff --git a/packages/main/src/Dialog.js b/packages/main/src/Dialog.js
index d573ba1c65f8..73834baaafb5 100644
--- a/packages/main/src/Dialog.js
+++ b/packages/main/src/Dialog.js
@@ -134,6 +134,10 @@ class Dialog extends Popup {
 		return true;
 	}
 
+	get _displayProp() {
+		return "flex";
+	}
+
 	get classes() {
 		return {
 			root: {
diff --git a/packages/main/src/Popup.js b/packages/main/src/Popup.js
index 716d1c0d184c..9453a5b7fed5 100644
--- a/packages/main/src/Popup.js
+++ b/packages/main/src/Popup.js
@@ -204,6 +204,10 @@ class Popup extends UI5Element {
 		return staticAreaStyles;
 	}
 
+	get _displayProp() {
+		return "block";
+	}
+
 	/**
 	 * Prevents the user from interacting with the content under the block layer
 	 */
@@ -393,11 +397,11 @@ class Popup extends UI5Element {
 	}
 
 	/**
-	 * Sets "block" display to the popup
+	 * Sets "block" display to the popup. The property can be overriden by derivatives of Popup.
 	 * @protected
 	 */
 	show() {
-		this.style.display = "block";
+		this.style.display = this._displayProp;
 	}
 
 
@@ -417,7 +421,7 @@ class Popup extends UI5Element {
 	}
 
 	/**
-	 * Implement this getter with relevant logic regarding the modality of the popup (f.e. based on a public property)
+	 * Implement this getter with relevant logic regarding the modality of the popup (e.g. based on a public property)
 	 *
 	 * @protected
 	 * @abstract