diff --git a/_sass/helpers.scss b/_sass/helpers.scss
index f162021..d0ffd72 100644
--- a/_sass/helpers.scss
+++ b/_sass/helpers.scss
@@ -327,7 +327,7 @@ $directions: (top, right, bottom, left);
 ///
 /// @example html
 ///   <div class="black hover-red"></div>
-      .#{$color} {
+      .#{$color}#{$infix} {
         color: var(--#{$color});
 
         &:focus {