diff --git a/src/views/RewardsProgram/ACXReferralsProgram/ACXReferralTierStepper.tsx b/src/views/RewardsProgram/ACXReferralsProgram/ACXReferralTierStepper.tsx
index 554bc0a63..84e0364c4 100644
--- a/src/views/RewardsProgram/ACXReferralsProgram/ACXReferralTierStepper.tsx
+++ b/src/views/RewardsProgram/ACXReferralsProgram/ACXReferralTierStepper.tsx
@@ -25,7 +25,10 @@ const ACXReferralTierStepper = () => {
                   : "empty"
               }
             />
-            <Text size="lg" color={index < tier ? "white" : "grey-400"}>
+            <Text
+              size="lg"
+              color={isConnected && index < tier ? "white" : "grey-400"}
+            >
               {index + 1}
             </Text>
           </NumberedStepItem>