diff --git a/src/components/AdventuresVol/adventures-vol.style.js b/src/components/AdventuresVol/adventures-vol.style.js
index 03e7dee49fef..ee4c7b1a2b4d 100644
--- a/src/components/AdventuresVol/adventures-vol.style.js
+++ b/src/components/AdventuresVol/adventures-vol.style.js
@@ -99,6 +99,6 @@ export const AdventuresVolWrapper = styled.div`
 	}
 
 	.handbook__card:hover .handbook__card--head {
-	  color: white;
+	  color: ${props => props.theme.white};
 	}
 `;
diff --git a/src/components/HandbookCard/HandbookCard.style.js b/src/components/HandbookCard/HandbookCard.style.js
index 00f99e62315e..b117b954919b 100644
--- a/src/components/HandbookCard/HandbookCard.style.js
+++ b/src/components/HandbookCard/HandbookCard.style.js
@@ -89,16 +89,12 @@ export const HandbookCardWrapper = styled.div`
 	  transform: translateX(0);
 	  opacity: 1;
 	}
-
 	.handbook__card:hover .handbook__card--head::before {
 	  height: 100%;
 	}
-
 	.handbook__card:hover {
 	  scale: 1.07;
 	}
-
 	.handbook__card:hover .handbook__card--head {
 	  color: ${props => props.theme.white};
-	}
-`;
+	}`;