From 3e7ff0cedf874eade47f43e6113bac1198d5794b Mon Sep 17 00:00:00 2001
From: Charles Zhao <charleszhao@silverhand.io>
Date: Thu, 19 May 2022 19:41:13 +0800
Subject: [PATCH] style(console): improve scrollbar styles, leaving 4px margin
 on both sides

---
 packages/console/src/scss/normalized.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/console/src/scss/normalized.scss b/packages/console/src/scss/normalized.scss
index 4f6ac11f1..448c46af3 100644
--- a/packages/console/src/scss/normalized.scss
+++ b/packages/console/src/scss/normalized.scss
@@ -57,16 +57,18 @@ table {
 }
 
 ::-webkit-scrollbar {
-  width: 8px;
+  width: 16px;
 }
 
 ::-webkit-scrollbar:horizontal {
-  height: 8px;
+  height: 16px;
 }
 
 ::-webkit-scrollbar-thumb {
   background: var(--color-neutral-variant-80);
-  border-radius: 4px;
+  background-clip: content-box;
+  border: 4px solid transparent;
+  border-radius: 8px;
 }
 
 ::-webkit-scrollbar-track {