scrollbars on left menu and content added

src/styles/base/main.scss

@@ -22,16 +22,28 @@ $breakpoints: (phone: 480px,
     font-size: 1.6rem;
     min-height: 100vh;
     overflow-wrap: break-word;
+    overflow-x: hidden; /* To stop getting horizontal scrolling if anything overflows the width */
   }
 
   main {
     display: flex;
-    flex-direction: row;
-    max-width: 100%;
+    overflow: hidden;
+    height: calc(100vh - 83px); /* 83px = height of the header */
+    position: relative;
+    width: 100%;
+    
+    backface-visibility: hidden;
+    /*will-change: overflow;*/
   }
 }
 
-
+/* Add scrollbar to the left and right menu, and to the content */
+nav, .views-container {
+  overflow: auto;
+  height: auto;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: none;
+}
 
 /* Quick fix. Will be removed later */
 #admin-circles,

src/styles/base/menu-left.scss

@@ -121,32 +121,6 @@
 
         hd-counter {
           margin-top: 16px;
-          margin-left: 8px;
-        }
-
-        &:hover {
-          background-color: $color-233-20-17;
-          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.26);
-
-          sib-set-default[name='project'] {
-            background-color: $color-233-20-17;
-            color: $color-218-100-98;
-            /* transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1); Need better animation */
-            z-index: 1000;
-
-            .project-customer,
-            .project-name {
-              width: auto;
-            }
-
-            .project-name {
-              font-weight: normal;
-            }
-          }
-
-          hd-counter {
-            display: none;
-          }
         }
       }
       /* End of specific styles of "Projects" tab */