From a5c99edee16e2e25a2debafe3d1fd22a854cee10 Mon Sep 17 00:00:00 2001
From: Nada <nada.ajinas@deriv.com>
Date: Thu, 1 Aug 2024 15:34:58 +0400
Subject: [PATCH] fix: countries selection

---
 .../PreferredCountriesFooter/PreferredCountriesFooter.tsx    | 1 +
 .../PreferredCountriesSelector.tsx                           | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Modals/PreferredCountriesModal/PreferredCountriesFooter/PreferredCountriesFooter.tsx b/src/components/Modals/PreferredCountriesModal/PreferredCountriesFooter/PreferredCountriesFooter.tsx
index fdfc526e..80dd23c0 100644
--- a/src/components/Modals/PreferredCountriesModal/PreferredCountriesFooter/PreferredCountriesFooter.tsx
+++ b/src/components/Modals/PreferredCountriesModal/PreferredCountriesFooter/PreferredCountriesFooter.tsx
@@ -13,6 +13,7 @@ const PreferredCountriesFooter = ({ isDisabled, onClickApply, onClickClear }: TP
     return (
         <div className='flex gap-[0.8rem] w-full'>
             <Button
+                className='border-2'
                 color='black'
                 disabled={isDisabled}
                 isFullWidth
diff --git a/src/pages/my-ads/components/PreferredCountriesSelector/PreferredCountriesSelector.tsx b/src/pages/my-ads/components/PreferredCountriesSelector/PreferredCountriesSelector.tsx
index cc52f7b9..6c811078 100644
--- a/src/pages/my-ads/components/PreferredCountriesSelector/PreferredCountriesSelector.tsx
+++ b/src/pages/my-ads/components/PreferredCountriesSelector/PreferredCountriesSelector.tsx
@@ -55,7 +55,10 @@ const PreferredCountriesSelector = ({ countryList, type }: TPreferredCountriesSe
                         setValue('preferred-countries', selectedValues);
                         setIsModalOpen(false);
                     }}
-                    onRequestClose={() => setIsModalOpen(false)}
+                    onRequestClose={() => {
+                        setSelectedValues(getValues('preferred-countries'));
+                        setIsModalOpen(false);
+                    }}
                     selectedCountries={selectedValues}
                     setSelectedCountries={setSelectedValues}
                 />