diff --git a/src/styles/global.less b/src/styles/global.less
index 93a3dd76..4508294f 100644
--- a/src/styles/global.less
+++ b/src/styles/global.less
@@ -951,3 +951,28 @@ body {
     transform: rotate(360deg);
   }
 }
+
+/* scroll bar style */
+*::-webkit-scrollbar-track-piece{
+  background-color: #f8f8f8;
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+}
+
+*::-webkit-scrollbar{
+  width: 8px;
+  height: 8px;
+}
+
+*::-webkit-scrollbar-thumb{
+  background-color: #ddd;
+  background-clip: padding-box;
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+}
+
+*::-webkit-scrollbar-thumb:hover{
+  background-color: #bbb;
+}