diff --git a/webapp/src/components/NonCompliantCard/index.js b/webapp/src/components/NonCompliantCard/index.js
index c24fddba..feb7d64b 100644
--- a/webapp/src/components/NonCompliantCard/index.js
+++ b/webapp/src/components/NonCompliantCard/index.js
@@ -103,7 +103,7 @@ const NonCompliantCard = ({ producer, stats }) => {
         <Typography variant="overline">{t('dailyRewards')}</Typography>
         <RowInfo
           title={`${t('rewards')} (USD)`}
-          value={`$${formatWithThousandSeparator(
+          value={`$ ${formatWithThousandSeparator(
             producer.total_rewards * stats.tokenPrice,
             0,
           )}`}
@@ -115,7 +115,7 @@ const NonCompliantCard = ({ producer, stats }) => {
         <Typography variant="overline">{t('yearlyRewards')}</Typography>
         <RowInfo
           title={`${t('rewards')} (USD)`}
-          value={`$${formatWithThousandSeparator(
+          value={`$ ${formatWithThousandSeparator(
             producer.total_rewards * 365 * stats.tokenPrice,
             0,
           )}`}
diff --git a/webapp/src/routes/NonCompliantBPs/RewardsStats.js b/webapp/src/routes/NonCompliantBPs/RewardsStats.js
index b28875ad..4f70244f 100644
--- a/webapp/src/routes/NonCompliantBPs/RewardsStats.js
+++ b/webapp/src/routes/NonCompliantBPs/RewardsStats.js
@@ -50,7 +50,7 @@ const RewardsStats = ({ stats }) => {
       <div className={`${classes.cardHeader} ${classes.cardShadow}`}>
         <div className={classes.rewardsCards}>
           <Typography variant="h6" component="h4">
-            {t('dailyRewards')}
+            {t('yearlyRewards')}
           </Typography>
           <div className={classes.statsText}>
             <Typography variant="h3" component="p" className={classes.price}>