diff --git a/packages/fiori/src/themes/DynamicPage.css b/packages/fiori/src/themes/DynamicPage.css
index d31853733889..4cfabbdb2fb1 100644
--- a/packages/fiori/src/themes/DynamicPage.css
+++ b/packages/fiori/src/themes/DynamicPage.css
@@ -2,13 +2,14 @@
     position: sticky;
     top: 0;
      /* We need the z-index to be higher than in the header actions, to avoid overlapping by snap on scroll */
-    z-index: 98;
+    z-index: 3;
 }
 
 :host {
     display: block;
     height: 100%;
     background-color: var(--ui5_dynamic_page_background);
+    isolation: isolate;
 }
 
 .ui5-dynamic-page-root {
@@ -47,7 +48,7 @@
     bottom: 0;
     padding: 0 0.5rem 0.5rem 0.5rem;
     box-sizing: border-box;
-    z-index: 110;
+    z-index: 2;
     opacity: 0;
     transform: translateY(100%);
     transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;