diff --git a/app/assets/stylesheets/bubbles.css b/app/assets/stylesheets/bubbles.css
index 6186b19f0..30e4b0a4e 100644
--- a/app/assets/stylesheets/bubbles.css
+++ b/app/assets/stylesheets/bubbles.css
@@ -366,7 +366,7 @@
 }
 
 .bubble__svg {
-  fill: var(--color-bg);
+  fill: color(from var(--bubble-color) srgb r g b / 0.15);
   pointer-events: none;
   position: relative;
   scale: 1.1;