Set dark scrollbar globally

src/components/ScrollContainer.jsx

@@ -1,8 +1,7 @@
 import React from 'react'
-import scrollbars from './scrollbars.scss'
 
 const ScrollContainer = (props) => {
-  return <div className={scrollbars.darkScrollbar} style={{
+  return <div style={{
     overflowX: "visible",
     overflowY: "scroll",
     bottom:0,

src/components/scrollbars.scss

@@ -1,12 +0,0 @@
-.darkScrollbar::-webkit-scrollbar {
-    background-color: #26282e;
-    width: 5px;
-}
-
-.darkScrollbar::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
-    background-color: #40444e;
-    padding-left: 2px;
-    padding-right: 2px;
-}

src/index.css

@@ -19,3 +19,16 @@ html {
   color: rgb(142, 142, 142) !important;
   box-shadow: none !important;
 }
+
+::-webkit-scrollbar {
+    background-color: #26282e;
+    width: 5px;
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+    background-color: #40444e;
+    padding-left: 2px;
+    padding-right: 2px;
+}