diff --git a/packages/styles/src/popover.scss b/packages/styles/src/popover.scss
index 22567cf025..2b4f3a2e0b 100644
--- a/packages/styles/src/popover.scss
+++ b/packages/styles/src/popover.scss
@@ -6,6 +6,18 @@
 $block: #{$fd-namespace}-popover;
 $blockBody: #{$fd-namespace}-popover__body;
 
+body.fd-overlay-active::before {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: var(--fdModal_BackgroundColor);
+  z-index: 999;
+  pointer-events: all;
+}
+
 .#{$block} {
   @include fd-reset();
 
@@ -13,6 +25,11 @@ $blockBody: #{$fd-namespace}-popover__body;
   display: inline-block;
   max-width: 100%;
 
+  &__modal {
+    position: relative;
+    z-index: 1000;
+  }
+
   &__control {
     @include fd-reset();
     @include fd-action-cursor();
diff --git a/packages/styles/src/theming/sap_fiori_3.scss b/packages/styles/src/theming/sap_fiori_3.scss
index 914fd98a49..0d213e4276 100644
--- a/packages/styles/src/theming/sap_fiori_3.scss
+++ b/packages/styles/src/theming/sap_fiori_3.scss
@@ -230,4 +230,7 @@
 
   /** Splitter */
   --sapSplitPane_Shadow1: 0 0 0.125rem 0 rgb(34 53 72 / 16%), 0 0.5rem 1rem 0 rgb(34 53 72 / 16%);
+
+  /** Modal */
+  --fdModal_BackgroundColor: rgb(0 0 0 / 60%);
 }
diff --git a/packages/styles/src/theming/sap_fiori_3_dark.scss b/packages/styles/src/theming/sap_fiori_3_dark.scss
index e43a620bac..cd09728aa3 100644
--- a/packages/styles/src/theming/sap_fiori_3_dark.scss
+++ b/packages/styles/src/theming/sap_fiori_3_dark.scss
@@ -231,4 +231,7 @@
 
   /** Splitter */
   --sapSplitPane_Shadow1: 0 0 0.125rem 0 rgb(0 0 0 / 16%), 0 0.5rem 1rem 0 rgb(0 0 0 / 32%);
+
+  /** Modal */
+  --fdModal_BackgroundColor: rgb(0 0 0 / 60%);
 }
diff --git a/packages/styles/src/theming/sap_fiori_3_hcb.scss b/packages/styles/src/theming/sap_fiori_3_hcb.scss
index b2aa46b812..9df0340bb5 100644
--- a/packages/styles/src/theming/sap_fiori_3_hcb.scss
+++ b/packages/styles/src/theming/sap_fiori_3_hcb.scss
@@ -235,4 +235,7 @@
 
   /** Splitter */
   --sapSplitPane_Shadow1: 0 0 0 0.0625rem #fff, 0 0.5rem 1rem 0 rgb(255 255 255 / 16%);
+
+  /** Modal */
+  --fdModal_BackgroundColor: rgb(0 0 0 / 80%);
 }
diff --git a/packages/styles/src/theming/sap_fiori_3_hcw.scss b/packages/styles/src/theming/sap_fiori_3_hcw.scss
index ad8c9c4285..daac9da7a2 100644
--- a/packages/styles/src/theming/sap_fiori_3_hcw.scss
+++ b/packages/styles/src/theming/sap_fiori_3_hcw.scss
@@ -231,4 +231,7 @@
 
   /** Splitter */
   --sapSplitPane_Shadow1: 0 0 0 0.0625rem #000, 0 0.5rem 1rem 0 rgb(0 0 0 / 16%);
+
+  /** Modal */
+  --fdModal_BackgroundColor: rgb(255 255 255 / 80%);
 }
diff --git a/packages/styles/src/theming/sap_fiori_3_light_dark.scss b/packages/styles/src/theming/sap_fiori_3_light_dark.scss
index dbdd19a637..e72a8f2d81 100644
--- a/packages/styles/src/theming/sap_fiori_3_light_dark.scss
+++ b/packages/styles/src/theming/sap_fiori_3_light_dark.scss
@@ -252,4 +252,7 @@
 
   /** Splitter */
   --sapSplitPane_Shadow1: 0 0 0.125rem 0 rgb(34 53 72 / 16%), 0 0.5rem 1rem 0 rgb(34 53 72 / 16%);
+
+  /** Modal */
+  --fdModal_BackgroundColor: rgb(0 0 0 / 60%);
 }
diff --git a/packages/styles/src/theming/sap_horizon.scss b/packages/styles/src/theming/sap_horizon.scss
index 0a523b2051..55d736add9 100644
--- a/packages/styles/src/theming/sap_horizon.scss
+++ b/packages/styles/src/theming/sap_horizon.scss
@@ -240,4 +240,7 @@
 
   /** Splitter */
   --sapSplitPane_Shadow1: 0 0 0.125rem 0 rgb(34 53 72 / 16%), 0 0.5rem 1rem 0 rgb(34 53 72 / 16%);
+
+  /** Modal */
+  --fdModal_BackgroundColor: rgb(0 0 0 / 20%);
 }
diff --git a/packages/styles/src/theming/sap_horizon_dark.scss b/packages/styles/src/theming/sap_horizon_dark.scss
index 348fa5088c..a9917291b5 100644
--- a/packages/styles/src/theming/sap_horizon_dark.scss
+++ b/packages/styles/src/theming/sap_horizon_dark.scss
@@ -247,4 +247,7 @@
 
   /** Splitter */
   --sapSplitPane_Shadow1: 0 0 0.125rem 0 rgb(0 0 0 / 16%), 0 0.5rem 1rem 0 rgb(0 0 0 / 32%);
+
+  /** Modal */
+  --fdModal_BackgroundColor: rgb(0 0 0 / 20%);
 }
diff --git a/packages/styles/src/theming/sap_horizon_hcb.scss b/packages/styles/src/theming/sap_horizon_hcb.scss
index 8f0828932c..26f1db404a 100644
--- a/packages/styles/src/theming/sap_horizon_hcb.scss
+++ b/packages/styles/src/theming/sap_horizon_hcb.scss
@@ -235,4 +235,7 @@
 
   /** Splitter */
   --sapSplitPane_Shadow1: 0 0 0 0.0625rem #fff, 0 0.5rem 1rem 0 rgb(255 255 255 / 16%);
+
+  /** Modal */
+  --fdModal_BackgroundColor: rgb(0 0 0 / 30%);
 }
diff --git a/packages/styles/src/theming/sap_horizon_hcw.scss b/packages/styles/src/theming/sap_horizon_hcw.scss
index 791bdc7725..fdb1a9d0e1 100644
--- a/packages/styles/src/theming/sap_horizon_hcw.scss
+++ b/packages/styles/src/theming/sap_horizon_hcw.scss
@@ -235,4 +235,7 @@
 
   /** Splitter */
   --sapSplitPane_Shadow1: 0 0 0 0.0625rem #000, 0 0.5rem 1rem 0 rgb(0 0 0 / 16%);
+
+  /** Modal */
+  --fdModal_BackgroundColor: rgb(255 255 255 / 80%);
 }