diff --git a/src/components/ScrollContainer.jsx b/src/components/ScrollContainer.jsx
index 171cb2dd..017f768b 100644
--- a/src/components/ScrollContainer.jsx
+++ b/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,
diff --git a/src/components/scrollbars.scss b/src/components/scrollbars.scss
deleted file mode 100644
index 6c039580..00000000
--- a/src/components/scrollbars.scss
+++ /dev/null
@@ -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;
-}
diff --git a/src/index.css b/src/index.css
index 22fbc7c6..eeaa0ed7 100644
--- a/src/index.css
+++ b/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;
+}