From be898469f9f71883b0e0cce8a4d675d375c4cef2 Mon Sep 17 00:00:00 2001
From: Andrei Dekterev <avdekterev@gmail.com>
Date: Wed, 22 Jun 2022 17:00:16 +0700
Subject: [PATCH] fix(#2483): add background for button close

---
 .../components/BrazilPayment/index.tsx             |  8 +++++++-
 src/features/Modal/styled.tsx                      | 14 ++++++--------
 src/pages/ThanksPage/styled.tsx                    |  1 +
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/features/BuyMatchPopup/components/BrazilPayment/index.tsx b/src/features/BuyMatchPopup/components/BrazilPayment/index.tsx
index f3e26150..7cd1abc0 100644
--- a/src/features/BuyMatchPopup/components/BrazilPayment/index.tsx
+++ b/src/features/BuyMatchPopup/components/BrazilPayment/index.tsx
@@ -36,7 +36,13 @@ export const BrazilPayment = ({
   return (
     <ScModal isOpen={open} withCloseButton close={closePopup}>
       {src && open ? (
-        <iframe title='BrazilPayment' src={src} height={600} width='100%' />
+        <iframe
+          title='BrazilPayment'
+          frameBorder='0'
+          src={src}
+          height={600}
+          width='100%'
+        />
       ) : (
         <>
           {error ? (
diff --git a/src/features/Modal/styled.tsx b/src/features/Modal/styled.tsx
index 9e5c4a99..3d4b60de 100644
--- a/src/features/Modal/styled.tsx
+++ b/src/features/Modal/styled.tsx
@@ -44,15 +44,13 @@ export const ModalCloseButton = styled.button.attrs({
   right: 0;
   border-style: none;
   outline: none;
-  padding: 16px 19px;
   cursor: pointer;
   color: rgba(255, 255, 255, 1);
-  background-color: transparent;
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  margin: 10px 10px 0 0;
+
 
-  ${isMobileDevice
-    ? css`
-      padding: 16px 14px 15px 15px;
-      
-    `
-    : ''};
 `
diff --git a/src/pages/ThanksPage/styled.tsx b/src/pages/ThanksPage/styled.tsx
index 44818906..29a840d6 100644
--- a/src/pages/ThanksPage/styled.tsx
+++ b/src/pages/ThanksPage/styled.tsx
@@ -80,6 +80,7 @@ export const ScText = styled.span`
         font-weight: 500;
         font-size: 16px;
         line-height: 10px;
+        color: rgba(255, 255, 255, 0.7);
       `
     : ''};
 `