turning off scroll bar

src/styles/components/sidebar.scss

@@ -34,6 +34,11 @@
 
   @include transition(300ms cubic-bezier(0.820, 0.165, 0.340, 0.930));
 }
+
+.sidebar-root::-webkit-scrollbar {
+    display: none;
+}
+
 .card-container-offset-open{
     flex: 1 0 400px;
 

src/styles/containers/layout.scss

@@ -56,32 +56,14 @@
   overflow-y: auto;
   overflow-x: hidden;
 }
-/* Turn on custom 8px wide scrollbar */
+
 .layout-card-container::-webkit-scrollbar {
-    width: 8px; /* 1px wider than Lion. */
-    /* This is more usable for users trying to click it. */
-    background-color: rgba(0,0,0,0);
-    -webkit-border-radius: 100px;
-  }
-  /* hover effect for both scrollbar area, and scrollbar 'thumb' */
-.layout-card-container::-webkit-scrollbar:hover {
-    background-color: rgba(0, 0, 0, 0.09);
-  }
-  
-  /* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
-.layout-card-container::-webkit-scrollbar-thumb:vertical {
-    /* This is the EXACT color of Mac OS scrollbars. 
-       Yes, I pulled out digital color meter */
-    background: rgba(0,0,0,0.5);
-    -webkit-border-radius: 100px;
-  }
-.layout-card-container::-webkit-scrollbar-thumb:vertical:active {
-    background: rgba(0,0,0,0.61); /* Some darker color when you click it */
-    -webkit-border-radius: 100px;
-  }
+    display: none;
+}
 
 @media screen and (max-width: map-get($breakpoints, lg) - 1px) {
   .layout-sidebar-toggle-container {
     display: none;
   }
+
 }
\ No newline at end of file