diff --git a/src/components/card/Card.stories.tsx b/src/components/card/Card.stories.tsx
index d56b9cb2..455281fc 100644
--- a/src/components/card/Card.stories.tsx
+++ b/src/components/card/Card.stories.tsx
@@ -15,7 +15,7 @@ const meta: Meta = {
 export default meta
 
 export const Test = () => {
-    return <Card>
+    return <Card variant={"secondary"}>
         <Card.Image alt={"Nico Sammito"} src={"https://event.gls-west.de/Nico_Sammito.jpg"}/>
         <Card.Header>
             <Card.Title>Nico Sammito</Card.Title>
diff --git a/src/components/card/Card.style.scss b/src/components/card/Card.style.scss
index 9ba96aa2..77ee320b 100644
--- a/src/components/card/Card.style.scss
+++ b/src/components/card/Card.style.scss
@@ -74,7 +74,7 @@
 
     .list-group__item {
       @include hoverAndActiveContent {
-        background: rgba($color, .1) !important;
+        background: rgba(if($color == $primary, $white, $color), .1) !important;
       }
     }
   }
diff --git a/src/components/list-group/ListGroup.style.scss b/src/components/list-group/ListGroup.style.scss
index 158dd440..7669b56a 100644
--- a/src/components/list-group/ListGroup.style.scss
+++ b/src/components/list-group/ListGroup.style.scss
@@ -19,7 +19,7 @@
     border-bottom: 1px solid borderColor();
 
     @include hoverAndActiveContent {
-      background: rgba($secondary, .1);
+      background: rgba($white, .1);
     }
 
     &:last-of-type {