diff --git a/src/css/components/_c-card-resource.scss b/src/css/components/_c-card-resource.scss
index bbe53c38b..ff3a866c1 100644
--- a/src/css/components/_c-card-resource.scss
+++ b/src/css/components/_c-card-resource.scss
@@ -22,6 +22,11 @@
 		border-left-color: $color-green-shade;
 	}
 
+	&:focus-within > * {
+		color: $color-white;
+	}
+
+
 	// User Queries
 	@media screen and (prefers-reduced-motion: reduce) {
 		transition: none;
@@ -29,6 +34,7 @@
 }
 
 // Color the author link when the title link is focused
+.c-card-resource__title:focus,
 .c-card-resource__title:focus ~ .c-card-resource__meta,
 .c-card-resource__title:focus ~ .c-card-resource__description {
 	color: $color-white;
diff --git a/src/css/components/_c-featured.scss b/src/css/components/_c-featured.scss
index 192e72d3f..4ece51b9f 100644
--- a/src/css/components/_c-featured.scss
+++ b/src/css/components/_c-featured.scss
@@ -17,7 +17,8 @@
 		background-color: $color-white;
 	}
 
-	&:focus-within {
+	&:focus-within,
+	&:focus-within * {
 		color: $color-white;
 	}
 
@@ -53,6 +54,7 @@
 
 
 // Color the author link when the title link is focused
+.c-featured__title:focus,
 .c-featured__title:focus ~ .c-featured__meta,
 .c-featured__title:focus ~ .c-featured__description {
 	color: $color-white;