diff --git a/assets/css/style.scss b/assets/css/style.scss
index 7d23fdfb11f..e53cf45c15d 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -104,6 +104,7 @@
 
 .wc-block-grid__product-rating {
 	display: block;
+	color: #000;
 
 	.wc-block-grid__product-rating__stars,
 	.star-rating {
@@ -139,6 +140,7 @@
 		}
 		span::before {
 			content: "\53\53\53\53\53";
+			color: inherit;
 			top: 0;
 			left: 0;
 			right: 0;
diff --git a/src/BlockTypes/AbstractProductGrid.php b/src/BlockTypes/AbstractProductGrid.php
index 07aece64623..8c033c928a0 100644
--- a/src/BlockTypes/AbstractProductGrid.php
+++ b/src/BlockTypes/AbstractProductGrid.php
@@ -562,7 +562,7 @@ protected function get_rating_html( $product ) {
 
 		if ( $rating_count > 0 ) {
 			return sprintf(
-				'<div class="wc-block-grid__product-rating">%s</div>',
+				'<div class="wc-block-grid__product-rating wc-block-components-product-rating">%s</div>',
 				wc_get_rating_html( $average, $rating_count ) // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
 			);
 		}