diff --git a/packages/theme-chalk/src/mixins/mixins.scss b/packages/theme-chalk/src/mixins/mixins.scss
index 0805b07ad..ae1ce5ab7 100644
--- a/packages/theme-chalk/src/mixins/mixins.scss
+++ b/packages/theme-chalk/src/mixins/mixins.scss
@@ -164,7 +164,7 @@
 
 @mixin when($state) {
   @at-root {
-    &.#{$state-prefix + $state} {
+    .#{$state-prefix + $state} {
       @content;
     }
   }