diff --git a/src/components/ScenarioCard/ScenarioCard.style.js b/src/components/ScenarioCard/ScenarioCard.style.js
index 971a6e7802e2..78bd3b9b2deb 100644
--- a/src/components/ScenarioCard/ScenarioCard.style.js
+++ b/src/components/ScenarioCard/ScenarioCard.style.js
@@ -78,6 +78,7 @@ export const ScenarioCardWrapper = styled.div`
         justify-content:center; 
         margin-top:4rem;
         width:100%;
+        color: white;
     }
 
 	.active {
diff --git a/src/sections/Learn/Lab-single/LabSinglePageWrapper.style.js b/src/sections/Learn/Lab-single/LabSinglePageWrapper.style.js
index 937a0de679c7..1ae652a257b2 100644
--- a/src/sections/Learn/Lab-single/LabSinglePageWrapper.style.js
+++ b/src/sections/Learn/Lab-single/LabSinglePageWrapper.style.js
@@ -56,6 +56,13 @@ const LabSinglePageWrapper = styled.div`
 	}
 	.cardContent {
 		margin: 0 5rem;
+		color: white;
+		a {
+			display: flex;
+		    color: ${props => props.theme.linkColor};
+		    &:hover{
+		        color: white;
+			}
 	}
 	#katacoda-scenario {
 		min-height: 25rem;