diff --git a/actions/user-actions.ts b/actions/user-actions.ts
index 596c3b0..6c41dfd 100644
--- a/actions/user-actions.ts
+++ b/actions/user-actions.ts
@@ -241,6 +241,7 @@ export async function adminUserTopup(
 ): Promise<AddTopupFormState> {
 	const user_id = formData.get("user_id") as string;
 	const amount = formData.get("amount") as string;
+	const description = formData.get("description") as string;
 	const session = await getServerSession(authOptions);
 
 
@@ -263,6 +264,7 @@ export async function adminUserTopup(
 			body: JSON.stringify({
 				amount: Number.parseInt(amount),
 				user_id: Number.parseInt(user_id),
+				description,
 			}),
 		},
 	);
diff --git a/components/wallet-transactions-table.tsx b/components/wallet-transactions-table.tsx
index 5568fb3..57bf166 100644
--- a/components/wallet-transactions-table.tsx
+++ b/components/wallet-transactions-table.tsx
@@ -110,11 +110,11 @@ export async function WalletTransactionsTable({
 										<TableCell>
 											<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>
 												)}