diff --git a/packages/ui/src/ui-component/cards/StatsCard.js b/packages/ui/src/ui-component/cards/StatsCard.js
index 69433505..57e8205d 100644
--- a/packages/ui/src/ui-component/cards/StatsCard.js
+++ b/packages/ui/src/ui-component/cards/StatsCard.js
@@ -10,10 +10,10 @@ const StatsCard = ({ title, stat }) => {
     return (
         <Card sx={{ border: '1px solid #e0e0e0', borderRadius: `${customization.borderRadius}px` }}>
             <CardContent>
-                <Typography sx={{ fontSize: 14 }} color='text.secondary' gutterBottom>
+                <Typography sx={{ fontSize: 14 }} color='text.primary' gutterBottom>
                     {title}
                 </Typography>
-                <Typography sx={{ fontSize: 30, fontWeight: 500 }} color='text.secondary'>
+                <Typography sx={{ fontSize: 30, fontWeight: 500 }} color='text.primary'>
                     {stat}
                 </Typography>
             </CardContent>