diff --git a/apps/trading/components/rewards-container/streaks/activity-streaks.tsx b/apps/trading/components/rewards-container/streaks/activity-streaks.tsx index 24a2d6246..c2ba03e38 100644 --- a/apps/trading/components/rewards-container/streaks/activity-streaks.tsx +++ b/apps/trading/components/rewards-container/streaks/activity-streaks.tsx @@ -166,17 +166,17 @@ export const ActivityStreak = ({ 'absolute left-0 top-0 h-full rounded-[100px] bg-gradient-to-r', { 'from-vega-dark-400 to-vega-dark-200': - userTierIndex % 6 === 0, + userTierIndex === 0, 'from-vega-pink-600 to-vega-pink-500': - userTierIndex % 6 === 1, + userTierIndex % 6 === 0 || userTierIndex % 6 === 5, 'from-vega-purple-600 to-vega-purple-500': - userTierIndex % 6 === 2, + userTierIndex % 6 === 1, 'from-vega-blue-600 to-vega-blue-500': - userTierIndex % 6 === 3, + userTierIndex % 6 === 2, 'from-vega-orange-600 to-vega-orange-500': - userTierIndex % 6 === 4, + userTierIndex % 6 === 3, 'from-vega-green-600 to-vega-green-500': - userTierIndex % 6 === 5, + userTierIndex % 6 === 4, } )} style={{ width: safeProgress(index) + '%' }} diff --git a/apps/trading/components/rewards-container/streaks/reward-hoarder-bonus.tsx b/apps/trading/components/rewards-container/streaks/reward-hoarder-bonus.tsx index 6aae6c83f..e57c2b4ee 100644 --- a/apps/trading/components/rewards-container/streaks/reward-hoarder-bonus.tsx +++ b/apps/trading/components/rewards-container/streaks/reward-hoarder-bonus.tsx @@ -152,17 +152,17 @@ export const RewardHoarderBonus = ({ 'absolute left-0 top-0 h-full rounded-[100px] bg-gradient-to-r', { 'from-vega-dark-400 to-vega-dark-200': - userTierIndex % 6 === 0, + userTierIndex === 0, 'from-vega-pink-600 to-vega-pink-500': - userTierIndex % 6 === 1, + userTierIndex % 6 === 0 || userTierIndex % 6 === 5, 'from-vega-purple-600 to-vega-purple-500': - userTierIndex % 6 === 2, + userTierIndex % 6 === 1, 'from-vega-blue-600 to-vega-blue-500': - userTierIndex % 6 === 3, + userTierIndex % 6 === 2, 'from-vega-orange-600 to-vega-orange-500': - userTierIndex % 6 === 4, + userTierIndex % 6 === 3, 'from-vega-green-600 to-vega-green-500': - userTierIndex % 6 === 5, + userTierIndex % 6 === 4, } )} style={{ width: safeProgress(index) + '%' }}