diff --git a/client/src/components/Donation/multi-tier-donation-form.tsx b/client/src/components/Donation/multi-tier-donation-form.tsx
index b6c1649f026..82a82668b6e 100644
--- a/client/src/components/Donation/multi-tier-donation-form.tsx
+++ b/client/src/components/Donation/multi-tier-donation-form.tsx
@@ -83,7 +83,7 @@ function SelectionTabs({
         <Spacer size='xs' />
         <Tabs
           className={'donate-btn-group'}
-          defaultValue={donationAmount.toString()}
+          value={donationAmount.toString()}
           onValueChange={switchTab}
         >
           <TabsList className='nav-lists'>
@@ -182,6 +182,10 @@ const MultiTierDonationForm: React.FC<MultiTierDonationFormProps> = ({
 
   const [showDonateForm, setShowDonateForm] = useState(false);
 
+  useEffect(() => {
+    setDonationAmount(replace20With25 ? defaultTierAmountB : defaultTierAmount);
+  }, [replace20With25]);
+
   useEffect(() => {
     if (setShowHeaderAndFooter) setShowHeaderAndFooter(!showDonateForm);
   }, [showDonateForm, setShowHeaderAndFooter]);