diff --git a/packages/devui/src/Dialog/styles/default.ts b/packages/devui/src/Dialog/styles/default.ts
index 06c1a55a..75552435 100644
--- a/packages/devui/src/Dialog/styles/default.ts
+++ b/packages/devui/src/Dialog/styles/default.ts
@@ -16,7 +16,7 @@ export const style = ({
   right: 0px;
   bottom: 0px;
   left: 0px;
-  z-index: 4;
+  z-index: 14;
   display: ${open ? 'flex' : 'none'};
   flex-direction: column;
   align-items: center;
@@ -37,7 +37,7 @@ export const style = ({
     flex-direction: column;
     box-sizing: border-box;
     position: relative;
-    z-index: 2;
+    z-index: 12;
     max-height: 100%;
     min-width: 320px;
     ${fullWidth ? 'width: 99%;' : ''}
diff --git a/packages/devui/src/Dialog/styles/material.ts b/packages/devui/src/Dialog/styles/material.ts
index 7d1ce5a8..82b9818a 100644
--- a/packages/devui/src/Dialog/styles/material.ts
+++ b/packages/devui/src/Dialog/styles/material.ts
@@ -12,7 +12,7 @@ export const style = ({
   right: 0px;
   bottom: 0px;
   left: 0px;
-  z-index: 4;
+  z-index: 14;
   display: ${open ? 'flex' : 'none'};
   flex-direction: column;
   align-items: center;
@@ -33,7 +33,7 @@ export const style = ({
     flex-direction: column;
     box-sizing: border-box;
     position: relative;
-    z-index: 2;
+    z-index: 12;
     max-height: 100%;
     min-width: 320px;
     ${fullWidth ? 'width: 99%;' : ''}
diff --git a/packages/devui/tests/__snapshots__/Dialog.test.tsx.snap b/packages/devui/tests/__snapshots__/Dialog.test.tsx.snap
index 3a510d82..4588b0d1 100644
--- a/packages/devui/tests/__snapshots__/Dialog.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/Dialog.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Dialog renders correctly 1`] = `
 <div
-  class="sc-pGacB cQhcnT"
+  class="sc-pGacB bbkBgj"
 >
   <div />
   <div>
@@ -45,7 +45,7 @@ exports[`Dialog renders correctly 1`] = `
 
 exports[`Dialog renders modal 1`] = `
 <div
-  class="sc-pGacB cQhcnT"
+  class="sc-pGacB bbkBgj"
 >
   <div />
   <div>
@@ -85,7 +85,7 @@ exports[`Dialog renders modal 1`] = `
 
 exports[`Dialog renders with props 1`] = `
 <div
-  class="sc-pGacB itppjQ"
+  class="sc-pGacB cALHtI"
   open=""
 >
   <div />
diff --git a/packages/redux-devtools-inspector-monitor-test-tab/src/index.tsx b/packages/redux-devtools-inspector-monitor-test-tab/src/index.tsx
index 67cfda9f..8cf7ca5d 100644
--- a/packages/redux-devtools-inspector-monitor-test-tab/src/index.tsx
+++ b/packages/redux-devtools-inspector-monitor-test-tab/src/index.tsx
@@ -128,7 +128,7 @@ export default class TestTab<S, A extends Action<unknown>> extends Component<
     return (
       <Container>
         <Toolbar>
-          <div style={{ flexGrow: 1, zIndex: 100 }}>
+          <div style={{ flexGrow: 1, zIndex: 10 }}>
             <Select
               options={templates}
               getOptionValue={(template: Template) => template.name!}