diff --git a/web/src/components/topup/RechargeCard.jsx b/web/src/components/topup/RechargeCard.jsx
index 73a115f..2b15721 100644
--- a/web/src/components/topup/RechargeCard.jsx
+++ b/web/src/components/topup/RechargeCard.jsx
@@ -515,25 +515,21 @@ const RechargeCard = ({
                 className={`h-3.5 w-3.5 ${
                   card.highlight
                     ? 'text-emerald-500 dark:text-emerald-400'
-                    : card.live
-                      ? 'text-blue-500 dark:text-blue-400'
-                      : 'text-slate-400 dark:text-white/40'
+                    : 'text-slate-400 dark:text-white/40'
                 }`}
               />
               <span className='text-xs font-medium text-slate-400 dark:text-white/40'>
                 {card.label}
                 {card.live && (
-                  <span className='ml-1 inline-block h-1.5 w-1.5 rounded-full bg-blue-500 animate-pulse' />
+                  <span className='ml-1 inline-block h-1.5 w-1.5 rounded-full bg-emerald-500 animate-pulse' />
                 )}
               </span>
             </div>
             <div
-              className={`mt-2 font-mono text-2xl font-bold tabular-nums ${
+              className={`mt-2 text-2xl font-bold ${
                 card.highlight
                   ? 'text-emerald-600 dark:text-emerald-400'
-                  : card.live
-                    ? 'text-blue-600 dark:text-blue-400'
-                    : 'text-slate-900 dark:text-white'
+                  : 'text-slate-900 dark:text-white'
               }`}
             >
               {statusLoading && !card.live ? (