diff --git a/src/assets/vars.css b/src/assets/base.css
similarity index 75%
rename from src/assets/vars.css
rename to src/assets/base.css
index 5dfe39cb..248fcecd 100644
--- a/src/assets/vars.css
+++ b/src/assets/base.css
@@ -1,3 +1,12 @@
+::-webkit-scrollbar-thumb {
+    background: #ddd;
+    border-radius: 4px;
+}
+::-webkit-scrollbar {
+    background: transparent;
+    width: 5px;
+    height: 5px;
+}
 :root{
     /* border radius */
     --br:8px;
diff --git a/src/index.js b/src/index.js
index f175cd00..f7103d66 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,7 +4,7 @@ import toast, { Toaster } from "react-hot-toast";
 import { Reset } from "styled-reset";
 import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
-import "./assets/vars.css";
+import "./assets/base.css";
 import "animate.css";
 import * as serviceWorkerRegistration from "./serviceWorkerRegistration";
 import TippyDefault from "./common/component/TippyDefault";