diff --git a/src/chip.css.ts b/src/chip.css.ts
index 743fe70ac..24c0e4fb8 100644
--- a/src/chip.css.ts
+++ b/src/chip.css.ts
@@ -91,7 +91,7 @@ export const interactiveChipOverlay = style([
         backgroundColor: 'transparent',
         transition: 'background-color 0.1s ease-in-out',
         selectors: {
-            [`${button}:active &`]: {
+            [`${interactive}:active &`]: {
                 backgroundColor: vars.colors.backgroundContainerPressed,
             },
         },
@@ -101,7 +101,7 @@ export const interactiveChipOverlay = style([
                     [`${interactive}:hover &`]: {
                         backgroundColor: vars.colors.backgroundContainerHover,
                     },
-                    [`${button}:active &`]: {
+                    [`${interactive}:active &`]: {
                         backgroundColor: vars.colors.backgroundContainerPressed,
                     },
                 },