diff --git a/crates/ui/src/components/scrollbar.rs b/crates/ui/src/components/scrollbar.rs
index eceddb02ddfa6..c8f09439c336a 100644
--- a/crates/ui/src/components/scrollbar.rs
+++ b/crates/ui/src/components/scrollbar.rs
@@ -228,7 +228,9 @@ impl Element for Scrollbar {
     ) {
         cx.with_content_mask(Some(ContentMask { bounds }), |cx| {
             let colors = cx.theme().colors();
-            let thumb_background = colors.scrollbar_thumb_background;
+            let thumb_background = colors
+                .surface_background
+                .blend(colors.scrollbar_thumb_background);
             let is_vertical = self.kind == ScrollbarAxis::Vertical;
             let extra_padding = px(5.0);
             let padded_bounds = if is_vertical {