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} />;