diff --git a/styles/src/styleTree/editor.ts b/styles/src/styleTree/editor.ts
index 610f828ec8..a31b3d8654 100644
--- a/styles/src/styleTree/editor.ts
+++ b/styles/src/styleTree/editor.ts
@@ -172,7 +172,7 @@ export default function editor(theme: Theme) {
       },
     },
     scrollbar: {
-      width: 12,
+      width: 14,
       track: {
         border: {
           left: true,
@@ -181,7 +181,11 @@ export default function editor(theme: Theme) {
         },
       },
       thumb: {
-        background: borderColor(theme, "secondary"),
+        background: withOpacity(borderColor(theme, "secondary"), 0.5),
+        border: {
+          width: 1,
+          color: withOpacity(borderColor(theme, 'muted'), 0.5),
+        }
       }
     },
     compositionMark: {
diff --git a/styles/src/themes/common/base16.ts b/styles/src/themes/common/base16.ts
index cd6d46a771..1c4a5e4076 100644
--- a/styles/src/themes/common/base16.ts
+++ b/styles/src/themes/common/base16.ts
@@ -123,7 +123,7 @@ export function createTheme(
   const borderColor = {
     primary: sample(ramps.neutral, isLight ? 1.5 : 0),
     secondary: sample(ramps.neutral, isLight ? 1.25 : 1),
-    muted: sample(ramps.neutral, isLight ? 1 : 3),
+    muted: sample(ramps.neutral, isLight ? 1.25 : 3),
     active: sample(ramps.neutral, isLight ? 4 : 3),
     onMedia: withOpacity(darkest, 0.1),
     ok: sample(ramps.green, 0.3),