diff --git a/site/src/routes/tutorial/[slug]/index.svelte b/site/src/routes/tutorial/[slug]/index.svelte
index d87a7f16db..0348389f3f 100644
--- a/site/src/routes/tutorial/[slug]/index.svelte
+++ b/site/src/routes/tutorial/[slug]/index.svelte
@@ -190,13 +190,20 @@
 	}
 
 	.chapter-markup::-webkit-scrollbar {
-		background-color: var(--second);
-		width: 8px;
+		width: 4px;
+	}
+	.chapter-markup::-webkit-scrollbar-track,
+	.chapter-markup::-webkit-scrollbar-thumb {
+		border-radius: 4px;
+	}
+	.chapter-markup::-webkit-scrollbar-track {
+		background: rgb(255, 255, 255, .2);
 	}
-
 	.chapter-markup::-webkit-scrollbar-thumb {
-		background-color: rgb(255, 255, 255, .7);
-		border-radius: 1em;
+		background: rgb(255, 255, 255, .4);
+	}
+	.chapter-markup::-webkit-scrollbar-thumb:hover {
+		background: rgb(255, 255, 255, .6);
 	}
 
 	.chapter-markup :global(p) > :global(code),