diff --git a/packages/core/src/components/card/card.scss b/packages/core/src/components/card/card.scss
index 4404a88663..24f07588e6 100644
--- a/packages/core/src/components/card/card.scss
+++ b/packages/core/src/components/card/card.scss
@@ -95,7 +95,7 @@
   --ix-card-background: var(--theme-color-ghost--hover);
 }
 
-:host(.card-notification:hover) {
+:host(.card-notification:hover), :host(.card-filled:hover) {
   --ix-card-background: var(--theme-color-component-1--hover);
 }
 
@@ -133,7 +133,7 @@
   --ix-card-background: var(--theme-color-ghost--active);
 }
 
-:host(.card-notification:active) {
+:host(.card-notification:active), :host(.card-filled:active) {
   --ix-card-background: var(--theme-color-component-1--active);
 }