diff --git a/bigbluebutton-html5/client/stylesheets/modals.css b/bigbluebutton-html5/client/stylesheets/modals.css
index 2a50286d4f4c..7c072ec471d1 100755
--- a/bigbluebutton-html5/client/stylesheets/modals.css
+++ b/bigbluebutton-html5/client/stylesheets/modals.css
@@ -41,7 +41,7 @@
 
 /* Prevents that an element within app shows over a modal */
 #app {
-  position: relative;
+  position: inherit;
   z-index: 1000 !important;
 }
 
diff --git a/bigbluebutton-html5/imports/ui/components/common/menu/component.jsx b/bigbluebutton-html5/imports/ui/components/common/menu/component.jsx
index 653552d8561f..30166adeb305 100644
--- a/bigbluebutton-html5/imports/ui/components/common/menu/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/common/menu/component.jsx
@@ -151,7 +151,7 @@ class BBBMenu extends React.Component {
     const { trigger, intl, customStyles, dataTest, opts, accessKey, open, renderOtherComponents } = this.props;
     const actionsItems = this.makeMenuItems();
 
-    let menuStyles = { zIndex: 9999 };
+    let menuStyles = { zIndex: 999 };
 
     if (customStyles) {
       menuStyles = { ...menuStyles, ...customStyles };
diff --git a/bigbluebutton-html5/imports/ui/components/common/toast/styles.js b/bigbluebutton-html5/imports/ui/components/common/toast/styles.js
index 9644ae3fa569..f054bff9f7c2 100644
--- a/bigbluebutton-html5/imports/ui/components/common/toast/styles.js
+++ b/bigbluebutton-html5/imports/ui/components/common/toast/styles.js
@@ -177,7 +177,7 @@ const Toast = styled.div`
 `;
 
 const ToastifyContainer = styled(Toastify)`
-  z-index: 9998;
+  z-index: 998;
   position: fixed;
   min-width: 20rem !important;
   max-width: 23rem !important;
diff --git a/bigbluebutton-html5/imports/ui/stylesheets/styled-components/general.js b/bigbluebutton-html5/imports/ui/stylesheets/styled-components/general.js
index ef8d19ce6341..8b45d81728cf 100644
--- a/bigbluebutton-html5/imports/ui/stylesheets/styled-components/general.js
+++ b/bigbluebutton-html5/imports/ui/stylesheets/styled-components/general.js
@@ -64,7 +64,7 @@ const pollMdMargin = '0.7rem';
 const pollResultWidth = '15rem';
 const pollInputHeight = '2.5rem';
 const pollWidth = '18rem';
-const overlayIndex = '9999';
+const overlayIndex = '999';
 const overlayOpacity = '0.349';
 const pollIndex = '1016';
 const pollBottomOffset = '4.5rem';
diff --git a/bigbluebutton-html5/imports/ui/stylesheets/styled-components/globalStyles.js b/bigbluebutton-html5/imports/ui/stylesheets/styled-components/globalStyles.js
index 56605b16ac7d..8380db70b8f4 100644
--- a/bigbluebutton-html5/imports/ui/stylesheets/styled-components/globalStyles.js
+++ b/bigbluebutton-html5/imports/ui/stylesheets/styled-components/globalStyles.js
@@ -111,7 +111,7 @@ const GlobalStyle = createGlobalStyle`
     right: auto;
     width: 0;
     height: 5px;
-    z-index: 9999;
+    z-index: 999;
     animation: track-progress linear 1;
     background-color: ${colorGrayLighter};
     border-radius: ${borderRadius};