diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index e4c25df..3146a10 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -272,7 +272,7 @@
         height: 100%;
         width: 100%;
         &::-webkit-scrollbar{
-          width: 10px;
+          width: 5px;
           height: 1px;
         }
         &::-webkit-scrollbar-thumb {
@@ -280,7 +280,7 @@
           position: absolute;
         }
         &::-webkit-scrollbar-track {
-         border-radius: 10px;
+          border-radius: 10px;
           position: absolute;
         }
       }
diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index a660b8e..3b1a9df 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -334,6 +334,7 @@
     background-color: var(--d-bgc-1);
     box-shadow: var(--d-bsc);
   }
+
   // Page of list using table and picture
   .listpage{
     color: var(--d-fc-2);
@@ -378,6 +379,18 @@
           color: var(--d-fc-1);
           background-color: var(--d-bgc-1);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--d-bsc-scroll);
+              background: var(--d-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--d-bsc-scroll);
+              background: var(--d-bgc-1);
+            }
+          }
+        }
        .el-input{
           input{
             background-color: var(--d-bgc-2);
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index 120cfc6..0943d8c 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -374,6 +374,18 @@
           color: var(--g-fc-1);
           background-color: var(--g-bgc-1);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--g-bsc-scroll);
+              background: var(--g-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--g-bsc-scroll);
+              background: var(--g-bgc-1);
+            }
+          }
+        }
        .el-input{
           input{
             background-color: var(--g-bgc-2);
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index 967484a..2eea58d 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -374,6 +374,18 @@
           color: var(--l-fc-1);
           background-color: var(--l-bgc-1);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--l-bsc-scroll);
+              background: var(--l-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--l-bsc-scroll);
+              background: var(--l-bgc-1);
+            }
+          }
+        }
        .el-input{
           input{
             background-color: var(--l-bgc-2);
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index 1e60825..c58192f 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -373,6 +373,18 @@
           color: var(--p-fc-1);
           background-color: var(--p-bgc-1);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--p-bsc-scroll);
+              background: var(--p-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--p-bsc-scroll);
+              background: var(--p-bgc-1);
+            }
+          }
+        }
        .el-input{
           input{
             background-color: var(--p-bgc-2);