diff --git a/scss/helpers/_color-bg.scss b/scss/helpers/_color-bg.scss
index c1e7dc5b7..9c9e4cadc 100644
--- a/scss/helpers/_color-bg.scss
+++ b/scss/helpers/_color-bg.scss
@@ -1,7 +1,8 @@
 @each $color, $value in $theme-colors {
   $color-rgb: to-rgb($value);
+  $color-alpha: var(--#{$prefix}bg-opacity, 1);
   .text-bg-#{$color} {
     color: color-contrast($value) !important; // stylelint-disable-line declaration-no-important
-    background-color: rgba($color-rgb, var(--#{$prefix}bg-opacity, 1)) !important; // stylelint-disable-line declaration-no-important
+    background-color: rgba($color-rgb, $color-alpha) !important; // stylelint-disable-line declaration-no-important
   }
 }