diff --git a/src/components/cards/card.css b/src/components/cards/card.css
index 04e63a6a6..0b8c583d9 100644
--- a/src/components/cards/card.css
+++ b/src/components/cards/card.css
@@ -117,7 +117,7 @@
     flex-direction: row;
 }
 
-.shrink-button {
+.toggle-button {
     cursor: pointer;
     color: white;
     display: flex;
@@ -127,7 +127,7 @@
     padding: 0.75rem;
 }
 
-.shrink-button:hover, .all-button:hover {
+.toggle-button:hover, .all-button:hover {
     background-color: $ui-black-transparent;
 }
 
diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx
index ae67cc8fb..afac34f8a 100644
--- a/src/components/cards/cards.jsx
+++ b/src/components/cards/cards.jsx
@@ -43,7 +43,7 @@ const CardHeader = ({onCloseCards, onToggleCards, onShowAll, totalSteps, step, t
         ) : null}
         <div className={styles.headerButtonsRight}>
             <div
-                className={styles.shrinkButton}
+                className={styles.toggleButton}
                 onClick={onToggleCards}
             >
                 {toggle ? 'Shrink' : 'Expand'}