diff --git a/src/css/global/global-styles.css b/src/css/global/global-styles.css
index 8c8df27..6de317b 100644
--- a/src/css/global/global-styles.css
+++ b/src/css/global/global-styles.css
@@ -4,8 +4,9 @@
   Low-specificity, global styles that apply to the whole
   project: https://cube.fyi/css.html
 */
+
 html {
-  scrollbar-color: var(--color-primary) var(--color-indiglo-800);
+  scrollbar-color: var(--color-primary) var(--color-surface);
 }
 
 body {
diff --git a/src/pages/changelog.md b/src/pages/changelog.md
index c7c12c4..756bff8 100644
--- a/src/pages/changelog.md
+++ b/src/pages/changelog.md
@@ -12,6 +12,7 @@ If preferred, the [commit log is available here][commits].
 
 ## July 3rd 2024
 
+- Fixed `scrollbar-color` not applying.
 - Added the [`eleventy-plugin-no-robots`](https://github.com/wkillerud/eleventy-plugin-no-robots) plugin.
 
 ## June 22nd 2024