Account menu overlays UI instead of pushing it

frontend/src/app/components/menu/menu.component.scss

@@ -1,12 +1,12 @@
 .sidenav {
-  z-index: 1;
+  z-index: 10;
   background-color: transparent;
   width: 225px;
   height: calc(100vh - 65px);
-  position: sticky;
+  position: fixed;
   top: 65px;
-  transition: 0.25s;
-  margin-left: -250px;
+  left: -250px;
+  transition: left 0.25s;
   box-shadow: 5px 0px 30px 0px #000;
   padding-bottom: 20px;
   @media (max-width: 613px) {
@@ -26,7 +26,6 @@
 }
 
 .sidenav.open {
-  margin-left: 0px;
   left: 0px;
   display: block;
   background-color: #1d1f31;