diff --git a/goofy-client/apps/goofy/src/app/app.component.scss b/goofy-client/apps/goofy/src/app/app.component.scss
index d1b2c444942e1c05d3e30684fb74dc01b5848e82..33c328ffba3adc5a10009381b80278dfdecea73b 100644
--- a/goofy-client/apps/goofy/src/app/app.component.scss
+++ b/goofy-client/apps/goofy/src/app/app.component.scss
@@ -45,7 +45,7 @@ main {
 	right: 0;
 	top: 64px;
 	width: 20px;
-	z-index: 2;
+	z-index: 1;
 	height: calc(100vh - 64px);
 
 	@include media('>largeDesktop') {
diff --git a/goofy-client/libs/ui/src/lib/ui/subnavigation/subnavigation.component.scss b/goofy-client/libs/ui/src/lib/ui/subnavigation/subnavigation.component.scss
index f2831aab4ae9fc1afd8d24c8c9fa76bec3e8d145..8d73c77439ad623b08ee7f701cf03b3b423e893e 100644
--- a/goofy-client/libs/ui/src/lib/ui/subnavigation/subnavigation.component.scss
+++ b/goofy-client/libs/ui/src/lib/ui/subnavigation/subnavigation.component.scss
@@ -5,7 +5,7 @@
 	top: 64px;
 	height: 48px;
 	width: 100%;
-	z-index: 2;
+	z-index: 1;
 	box-shadow: $shadow-bottom;
 	display: flex;
 	justify-content: flex-start;