diff --git a/src/app/ui/referral-page/setting-referral-program.tsx b/src/app/ui/referral-page/setting-referral-program.tsx
index 182d719..3fa3b27 100644
--- a/src/app/ui/referral-page/setting-referral-program.tsx
+++ b/src/app/ui/referral-page/setting-referral-program.tsx
@@ -6,7 +6,7 @@ import { ChangeEvent, useState, useActionState, useEffect } from 'react';
 import BankCardInput from '@/app/ui/inputs/bank-card-inpit';
 import { addPayoutMethod, PayoutMethodFormState, getPayoutMethods, PayoutMethods } from '@/app/actions/referralsActions';
 import { bankCardFormSchema } from '@/app/actions/definitions';
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
 
 export default function SettingReferralProgram() {
 	const [state, formAction, isPending] = useActionState(
@@ -35,10 +35,12 @@ export default function SettingReferralProgram() {
 	const [paymentsType, setPaymentsType] = useState('bank-card');
 	const [defaultCardNumber, setDefaultCardNumber] = useState<PayoutMethods | undefined>(undefined);
 	const [isEditing, setIsEditing] = useState(false);
+	const queryClient = useQueryClient();
 	const t = useTranslations('Global');
 
 	useEffect(() => {
 		setFormState(state);
+		queryClient.invalidateQueries({ queryKey: ['payoutMethods'] });
 	}, [state]);
 
 	useEffect(() => {