Permanently removing custom css for sidebar scroll

Author: PSkinnerTech

app/dashboard/_components/Sidebar.tsx

@@ -10,7 +10,7 @@ export default function Sidebar() {
   // SIDEBAR COLLAPSE VARIABLE
   const { toggleCollapse } = useSidebarToggle();
   const sidebarContainerStyle = classNames(
-    "sidebar overflow-y-auto overflow-x-auto fixed bg-[#31353d] text-gray-500 z-50 h-full shadow-lg shadow-gray-900/20 transition duration-300 ease-in-out w-[20rem]",
+    "overflow-y-auto overflow-x-auto fixed bg-[#31353d] text-gray-500 z-50 h-full shadow-lg shadow-gray-900/20 transition duration-300 ease-in-out w-[20rem]",
     {
       ["sm:w-[5rem] sm:left-0 left-[-100%]"]: toggleCollapse,
       ["w-[20rem]"]: !toggleCollapse,

app/globals.css

@@ -21,16 +21,3 @@
     white-space: normal;
   }
 }
-
-.sidebar {
-  scrollbar-width: thin;
-  scrollbar-color: #999999 transparent;
-}
-.sidebar:: -webkit-scrollbar {
-  background: transparent;
-  width: 3px;
-}
-.sidebar::-webkit-scrollbar-thumb {
-  background: #999999;
-  border-radius: 10px;
-}