diff --git a/src/web-chatview/chatview.css b/src/web-chatview/chatview.css
index 3c6ed5ee15967bb10a19d4d36f24a5b8c4a68de2..0dc3404071f5d4ffc3ff0ee6e9dd5e20366ea154 100644
--- a/src/web-chatview/chatview.css
+++ b/src/web-chatview/chatview.css
@@ -369,9 +369,17 @@ a:hover {
 }
 
 #data_transfer_send_container::-webkit-scrollbar {
-    height: 10px;
+    height: 8px;
 }
 
+#data_transfer_send_container::-webkit-scrollbar-track {
+    background-color: var(--message-out-bg);
+}
+
+#data_transfer_send_container::-webkit-scrollbar-thumb {
+    background-color: var(--bg-color);
+ }
+
 #data_transfer_send_container::after {
     /*Create the margins with pseudo-elements*/
     /*to solve overflow:scroll and The Right Padding Problem*/