From cf904b5d515559b1e01eadd36963107476f584a5 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 6 Jan 2023 01:52:01 -0800
Subject: [PATCH] Set outline color for rating component

---
 src/renderer/components/rating/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/rating/index.tsx b/src/renderer/components/rating/index.tsx
index 3a592a7d..8cb1a9b9 100644
--- a/src/renderer/components/rating/index.tsx
+++ b/src/renderer/components/rating/index.tsx
@@ -3,7 +3,13 @@ import styled from 'styled-components';
 
 type RatingProps = MantineRatingProps;
 
-const StyledRating = styled(MantineRating)``;
+const StyledRating = styled(MantineRating)`
+  & .mantine-Rating-symbolBody {
+    svg {
+      stroke: var(--main-fg-secondary);
+    }
+  }
+`;
 
 export const Rating = ({ ...props }: RatingProps) => {
   return <StyledRating {...props} />;