diff --git a/public/app/core/components/NavBar/Next/NavBarNext.tsx b/public/app/core/components/NavBar/Next/NavBarNext.tsx
index 6a86d4b71d4..20bd107e283 100644
--- a/public/app/core/components/NavBar/Next/NavBarNext.tsx
+++ b/public/app/core/components/NavBar/Next/NavBarNext.tsx
@@ -153,6 +153,10 @@ const getStyles = (theme: GrafanaTheme2) => ({
   navWrapper: css({
     position: 'relative',
     display: 'flex',
+
+    '.sidemenu-hidden &': {
+      display: 'none',
+    },
   }),
   sidemenu: css({
     label: 'sidemenu',
@@ -171,10 +175,6 @@ const getStyles = (theme: GrafanaTheme2) => ({
       backgroundColor: 'inherit',
       borderRight: 0,
     },
-
-    '.sidemenu-hidden &': {
-      visibility: 'hidden',
-    },
   }),
   mobileSidemenuLogo: css({
     alignItems: 'center',