diff --git a/src/vs/base/browser/ui/scrollbar/media/scrollbars.css b/src/vs/base/browser/ui/scrollbar/media/scrollbars.css
index 78053162a9c4cfc00f2988b3f59a0b992bd5a67a..0931517a356ba53f3c01cdee6cc2b73ec1c27fa3 100644
--- a/src/vs/base/browser/ui/scrollbar/media/scrollbars.css
+++ b/src/vs/base/browser/ui/scrollbar/media/scrollbars.css
@@ -102,17 +102,14 @@
 	background: rgba(121, 121, 121, .4);
 }
 .hc-black .monaco-scrollable-element > .scrollbar > .slider {
-	background: none;
-	outline: 20px solid #6FC3DF; /* IE and Edge render no backgrounds, so we must use borders/outlines */
-	outline-offset: -20px;
-	opacity: .4;
+	background: rgba(111, 195, 223, .6);
 }
 
 .monaco-scrollable-element > .scrollbar > .slider:hover {
 	background: rgba(100, 100, 100, .7);
 }
 .hc-black .monaco-scrollable-element > .scrollbar > .slider:hover {
-	opacity: .85;
+	background: rgba(111, 195, 223, .8);
 }
 
 .monaco-scrollable-element > .scrollbar > .slider.active {
@@ -122,5 +119,5 @@
 	background: rgba(191, 191, 191, .4);
 }
 .hc-black .monaco-scrollable-element > .scrollbar > .slider.active {
-	opacity: .9;
+	background: rgba(111, 195, 223, 1);
 }