diff --git a/src/components/PaymentMethodCard/PaymentMethodCard.tsx b/src/components/PaymentMethodCard/PaymentMethodCard.tsx
index 7f2235d1..6643bb4e 100644
--- a/src/components/PaymentMethodCard/PaymentMethodCard.tsx
+++ b/src/components/PaymentMethodCard/PaymentMethodCard.tsx
@@ -48,11 +48,13 @@ const PaymentMethodCard = ({
             })}
         >
             {!toAdd ? (
-                <div className='flex flex-col items-center justify-center w-full h-full'>
+                <div
+                    className='flex flex-col items-center justify-center w-full h-full'
+                    onClick={() => onClickAdd?.(paymentMethod)}
+                >
                     <Button
                         className='flex items-center justify-center w-[3.2rem] h-[3.2rem] mb-[0.8rem] rounded-full bg-[#ff444f]'
                         data-testid='dt_payment_method_add_button'
-                        onClick={() => onClickAdd?.(paymentMethod)}
                     >
                         <LabelPairedPlusLgBoldIcon fill='white' />
                     </Button>