diff --git a/scss/mixins/_list-group.scss b/scss/mixins/_list-group.scss
index a40dda96d0..81b0f16343 100644
--- a/scss/mixins/_list-group.scss
+++ b/scss/mixins/_list-group.scss
@@ -1,13 +1,13 @@
 // List Groups
 
 @mixin list-group-item-variant($state, $background, $color) {
-  .list-group-item-#{state} {
+  .list-group-item-#{$state} {
     color: $color;
     background-color: $background;
   }
 
-  a.list-group-item-#{state},
-  button.list-group-item-#{state} {
+  a.list-group-item-#{$state},
+  button.list-group-item-#{$state} {
     color: $color;
 
     .list-group-item-heading {