diff --git a/components/wallet-transactions-table.tsx b/components/wallet-transactions-table.tsx
index 57bf166..4620661 100644
--- a/components/wallet-transactions-table.tsx
+++ b/components/wallet-transactions-table.tsx
@@ -214,11 +214,11 @@ function MobileTransactionDetails({ trx }: { trx: WalletTransaction }) {
 				</div>
 				<span className="font-semibold pr-2">
 					{trx.transaction_type === "TOPUP" ? (
-						<Badge className="bg-green-100 dark:bg-green-700">
+						<Badge className="bg-green-100 text-green-950 dark:bg-green-700">
 							{trx.transaction_type}
 						</Badge>
 					) : (
-						<Badge className="bg-red-500 dark:bg-red-700">
+						<Badge className="bg-red-500 text-red-950 dark:bg-red-700">
 							{trx.transaction_type}
 						</Badge>
 					)}