From 2168641c4343104692752e5c8beac2b9988badd4 Mon Sep 17 00:00:00 2001
From: Nada <nada.ajinas@deriv.com>
Date: Fri, 2 Aug 2024 15:53:57 +0400
Subject: [PATCH 1/3] fix: height issue

---
 .../PreferredCountriesDropdown.scss                           | 4 ++--
 .../components/AdConditionsSection/AdCondtionsSection.scss    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Modals/PreferredCountriesModal/PreferredCountriesDropdown/PreferredCountriesDropdown.scss b/src/components/Modals/PreferredCountriesModal/PreferredCountriesDropdown/PreferredCountriesDropdown.scss
index 8cc69906..1a0d6900 100644
--- a/src/components/Modals/PreferredCountriesModal/PreferredCountriesDropdown/PreferredCountriesDropdown.scss
+++ b/src/components/Modals/PreferredCountriesModal/PreferredCountriesDropdown/PreferredCountriesDropdown.scss
@@ -17,13 +17,13 @@
 
         @include mobile-or-tablet-screen {
             height: unset;
-            max-height: calc(100vh - 28rem);
+            max-height: calc(100% - 28rem);
         }
 
         &--no-footer {
             height: 44rem;
             @include mobile-or-tablet-screen {
-                height: 100vh;
+                height: 100%;
                 max-height: unset;
             }
         }
diff --git a/src/pages/my-ads/components/AdConditionsSection/AdCondtionsSection.scss b/src/pages/my-ads/components/AdConditionsSection/AdCondtionsSection.scss
index bb779cb6..aba751b8 100644
--- a/src/pages/my-ads/components/AdConditionsSection/AdCondtionsSection.scss
+++ b/src/pages/my-ads/components/AdConditionsSection/AdCondtionsSection.scss
@@ -6,7 +6,7 @@
 
     @include mobile {
         padding: 1.6rem;
-        height: calc(100vh - 20rem);
+        height: calc(100% - 20rem);
         overflow: auto;
     }
 }

From 95c7f7024f303a9b41859469bda79fc20ce26183 Mon Sep 17 00:00:00 2001
From: Nada <nada.ajinas@deriv.com>
Date: Fri, 2 Aug 2024 16:09:44 +0400
Subject: [PATCH 2/3] fix: issue with button

---
 .../PreferredCountriesModal/PreferredCountriesModal.scss      | 2 +-
 src/routes/AppContent/index.scss                              | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Modals/PreferredCountriesModal/PreferredCountriesModal.scss b/src/components/Modals/PreferredCountriesModal/PreferredCountriesModal.scss
index 221fba82..3fec817b 100644
--- a/src/components/Modals/PreferredCountriesModal/PreferredCountriesModal.scss
+++ b/src/components/Modals/PreferredCountriesModal/PreferredCountriesModal.scss
@@ -11,7 +11,7 @@
         left: 0;
         background: #fff;
         z-index: 1;
-        height: calc(100vh - 7.5rem);
+        height: calc(100% - 7.5rem);
 
         & .mobile-wrapper {
             &__header {
diff --git a/src/routes/AppContent/index.scss b/src/routes/AppContent/index.scss
index 3855fe5b..1aeede48 100644
--- a/src/routes/AppContent/index.scss
+++ b/src/routes/AppContent/index.scss
@@ -51,3 +51,7 @@
         border-bottom: 1px solid #f2f3f4;
     }
 }
+
+.languages-modal__body {
+    margin: 1.6rem;
+}

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 3/3] 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>