diff --git a/apollo-portal/src/main/resources/static/styles/common-style.css b/apollo-portal/src/main/resources/static/styles/common-style.css
index 6c171a6db4d..dc9a6a354f6 100644
--- a/apollo-portal/src/main/resources/static/styles/common-style.css
+++ b/apollo-portal/src/main/resources/static/styles/common-style.css
@@ -553,18 +553,19 @@ table th {
 
 /*搜索框*/
 ::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-    background: rgba(255, 255, 255, 0);
+  /*滚动条整体样式*/
+  width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
+  height: 8px;
 }
 
-::-webkit-scrollbar-thumb:vertical {
-    background: rgba(255, 255, 255, 0);
-    border-radius: 10px;
+::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  border-radius: 10px;
+  background-color: rgba(178, 178, 178, 0.8);
 }
 
-::-webkit-scrollbar-thumb:vertical:hover {
-    background: rgba(255, 255, 255, 0);
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(178, 178, 178, 1);
 }
 
 .app-list {
@@ -1113,4 +1114,4 @@ table th {
 
 .back-top:active {
     opacity: .6;
-}
\ No newline at end of file
+}