From 7f89b07c856c71f12cafa72411762a2da1aaff30 Mon Sep 17 00:00:00 2001
From: djordje vlaisavljevic <dzvlais@gmail.com>
Date: Thu, 9 Dec 2021 13:35:39 +0100
Subject: [PATCH] Updated the way star rating colors are shown

ref https://github.com/TryGhost/Team/issues/1245
---
 core/frontend/src/cards/css/product.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/core/frontend/src/cards/css/product.css b/core/frontend/src/cards/css/product.css
index f642458a71..d84794c5c6 100644
--- a/core/frontend/src/cards/css/product.css
+++ b/core/frontend/src/cards/css/product.css
@@ -8,6 +8,7 @@
     max-width: 550px;
     padding: 20px;
     width: 100%;
+    align-items: center;
 }
 
 .kg-product-card {
@@ -27,6 +28,7 @@
     gap: 8px;
     flex-wrap: wrap;
     justify-content: space-between;
+    width: 100%;
 }
 
 .kg-product-card-title-container {
@@ -47,6 +49,7 @@
     line-height: 1.6em;
     opacity: .7;
     margin-top: 8px;
+    width: 100%;
 }
 
 .kg-product-card-button {
@@ -89,11 +92,12 @@
 }
 
 .kg-product-card-rating-star svg {
-    fill: #ebeef0;
+    fill: currentColor;
+    opacity: 0.15;
 }
 
 .kg-product-card-rating-active.kg-product-card-rating-star svg {
-    fill: #394047;
+    opacity: 1;
 }
 
 .kg-product-card-button {