diff --git a/src/apps/experimental/AppOverrides.scss b/src/apps/experimental/AppOverrides.scss
index 0ed30eeb61..a5f8312e8c 100644
--- a/src/apps/experimental/AppOverrides.scss
+++ b/src/apps/experimental/AppOverrides.scss
@@ -10,11 +10,6 @@ $mui-bp-xl: 1536px;
     position: relative;
 }
 
-// Ensure the footer renders over the drawer
-.appfooter {
-    z-index: 1201 !important; // mui drawer uses z-index 1200
-}
-
 // Hide some items from the user "settings" page that are in the drawer
 #myPreferencesMenuPage {
     .lnkQuickConnectPreferences,
diff --git a/src/components/appFooter/appFooter.scss b/src/components/appFooter/appFooter.scss
index 1048a8e214..020a257369 100644
--- a/src/components/appFooter/appFooter.scss
+++ b/src/components/appFooter/appFooter.scss
@@ -2,7 +2,7 @@
     position: fixed;
     left: 0;
     right: 0;
-    z-index: 10;
+    z-index: 1201 !important; // mui drawer uses z-index 1200
     bottom: 0;
     transition: transform 180ms linear;
     contain: layout style;