diff --git a/packages/theme-chalk/src/mixins/mixins.scss b/packages/theme-chalk/src/mixins/mixins.scss
index fa05565d6..0805b07ad 100644
--- a/packages/theme-chalk/src/mixins/mixins.scss
+++ b/packages/theme-chalk/src/mixins/mixins.scss
@@ -163,10 +163,8 @@
 }
 
 @mixin when($state) {
-  $selector: &;
-
   @at-root {
-    #{$selector}.#{$state-prefix + $state} {
+    &.#{$state-prefix + $state} {
       @content;
     }
   }