diff --git a/frontend/src/container/AppLayout/AppLayout.styles.scss b/frontend/src/container/AppLayout/AppLayout.styles.scss
index c0d1f5e20b..6a0b223edf 100644
--- a/frontend/src/container/AppLayout/AppLayout.styles.scss
+++ b/frontend/src/container/AppLayout/AppLayout.styles.scss
@@ -6,6 +6,7 @@
 	.app-content {
 		width: calc(100% - 64px);
 		overflow: auto;
+		z-index: 0;
 
 		.content-container {
 			position: relative;
diff --git a/frontend/src/container/SideNav/SideNav.styles.scss b/frontend/src/container/SideNav/SideNav.styles.scss
index ebbde51565..5aa336f3c8 100644
--- a/frontend/src/container/SideNav/SideNav.styles.scss
+++ b/frontend/src/container/SideNav/SideNav.styles.scss
@@ -1,6 +1,8 @@
 .sidenav-container {
 	width: 64px;
 	height: 100%;
+	position: relative;
+	z-index: 1;
 
 	&.docked {
 		width: 240px;
@@ -16,8 +18,6 @@
 	border-right: 1px solid var(--bg-slate-400);
 	padding-bottom: 48px;
 	transition: all 0.2s, background 0s, border 0s;
-	position: relative;
-	z-index: 1;
 
 	.brand-company-meta {
 		display: flex;