diff --git a/plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss
index 888c0548297..94e0bdaa63d 100644
--- a/plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/base/components/product-rating/style.scss
@@ -88,14 +88,15 @@ $line-height: 1.618;
 		/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
 		font-family: WooCommerce;
 		font-weight: 400;
-		-webkit-text-stroke: 2px var(--wp--preset--color--black, #000);
 		&::before {
 			content: "\53";
 			top: 0;
 			left: 0;
 			right: 0;
 			position: absolute;
-			color: transparent;
+			-webkit-text-stroke-color: inherit;
+			-webkit-text-stroke-width: 2px;
+			-webkit-text-fill-color: transparent;
 			white-space: nowrap;
 			text-align: center;
 		}
diff --git a/plugins/woocommerce/changelog/49678-fix-nostar-color b/plugins/woocommerce/changelog/49678-fix-nostar-color
new file mode 100644
index 00000000000..75f9fb7033c
--- /dev/null
+++ b/plugins/woocommerce/changelog/49678-fix-nostar-color
@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+Product rating - Inherit the color of the star when no ratings
\ No newline at end of file