From 1b362d7270a97da576fcdfad1688bb10aed1b0fc Mon Sep 17 00:00:00 2001
From: Nada <nada.ajinas@deriv.com>
Date: Fri, 2 Aug 2024 16:24:34 +0400
Subject: [PATCH] fix: height issue

---
 src/components/PaymentMethodCard/PaymentMethodCard.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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>