diff --git a/core/src/components/breadcrumb/breadcrumb.md.scss b/core/src/components/breadcrumb/breadcrumb.md.scss
index 37fae49389..11af62eaf1 100644
--- a/core/src/components/breadcrumb/breadcrumb.md.scss
+++ b/core/src/components/breadcrumb/breadcrumb.md.scss
@@ -9,7 +9,7 @@
   --color-active: #{$breadcrumb-md-color-active};
   --color-hover: #{$breadcrumb-md-color-active};
   --color-focused: #{$breadcrumb-md-color-focused};
-  --background-focused: $breadcrumb-md-background-focused;
+  --background-focused: #{$breadcrumb-md-background-focused};
 }
 
 :host(.breadcrumb-active) {