diff --git a/components/ffClaim/ffClaim.js b/components/ffClaim/ffClaim.js
index ced663b..70a6cef 100644
--- a/components/ffClaim/ffClaim.js
+++ b/components/ffClaim/ffClaim.js
@@ -74,7 +74,7 @@ export default function ffClaim() {
                 <div>
                   { BigNumber(rewards && rewards.veIBFFDistribution ? rewards.veIBFFDistribution.earned : 0).gt(0) &&
                     (
-                      loading ? <Typography>Claiming</Typography> : <Typography>Claim Now</Typography>
+                      loading ? <Typography className={classes.sub}>Claiming</Typography> : <Typography className={classes.sub}>Claim Now</Typography>
                     )
                   }
                   { !BigNumber(rewards && rewards.veIBFFDistribution ? rewards.veIBFFDistribution.earned : 0).gt(0) &&
diff --git a/components/ffClaimDistirbution/ffClaimDistirbution.js b/components/ffClaimDistirbution/ffClaimDistirbution.js
index 92a4bf1..df79154 100644
--- a/components/ffClaimDistirbution/ffClaimDistirbution.js
+++ b/components/ffClaimDistirbution/ffClaimDistirbution.js
@@ -73,7 +73,7 @@ export default function ffClaimDistirbution() {
             <div>
               { BigNumber(rewards && rewards.feeDistribution ? rewards.feeDistribution.earned : 0).gt(0) &&
                 (
-                  loading ? <Typography>Claiming</Typography> : <Typography>Claim Now</Typography>
+                  loading ? <Typography className={classes.sub}>Claiming</Typography> : <Typography className={classes.sub}>Claim Now</Typography>
                 )
               }
               { !BigNumber(rewards && rewards.feeDistribution ? rewards.feeDistribution.earned : 0).gt(0) &&