diff --git a/src/styles/lib.scss b/src/styles/lib.scss
index 1d2a5084..f991ab46 100644
--- a/src/styles/lib.scss
+++ b/src/styles/lib.scss
@@ -173,7 +173,7 @@
 }
 
 .scroll_bar_style::-webkit-scrollbar {
-  width: 9px;
+  width: 4px;
   height: 4px;
   background-color: #eee;
 }
diff --git a/src/views/dashboard/graphs/components/Legend.vue b/src/views/dashboard/graphs/components/Legend.vue
index d5f55ded..efbb8f60 100644
--- a/src/views/dashboard/graphs/components/Legend.vue
+++ b/src/views/dashboard/graphs/components/Legend.vue
@@ -19,6 +19,7 @@ limitations under the License. -->
     aria-labelledby="caption"
     tabindex="0"
     :style="`width: ${width}; maxHeight:${isRight ? '100%' : 130}`"
+    class="scroll_bar_style"
   >
     <table>
       <thead>