From c6bbee13c119e745e3897b336b42e662f539c2d0 Mon Sep 17 00:00:00 2001
From: njazuli <78890281+njazuli-deriv@users.noreply.github.com>
Date: Thu, 8 Jul 2021 13:01:05 +0800
Subject: [PATCH] lower the gap between label and create demo button

---
 src/components/custom/_agreement-label.js | 2 +-
 src/components/custom/_signup-new.js      | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/custom/_agreement-label.js b/src/components/custom/_agreement-label.js
index 4dad7eab0ba..1a6a51ed853 100644
--- a/src/components/custom/_agreement-label.js
+++ b/src/components/custom/_agreement-label.js
@@ -31,7 +31,7 @@ const AgreementLabel = ({ handleChangeCheckbox, isChecked, color }) => {
                 fontWeight: 'normal',
                 lineHeight: '1px',
                 marginTop: '5px',
-                marginBottom: '20px',
+                marginBottom: '0',
             }}
         >
             <Checkbox
diff --git a/src/components/custom/_signup-new.js b/src/components/custom/_signup-new.js
index 52d37d00f09..8ac3ff45ed0 100644
--- a/src/components/custom/_signup-new.js
+++ b/src/components/custom/_signup-new.js
@@ -89,6 +89,10 @@ const EmailButton = styled(Button)`
     margin-bottom: 0.4rem;
     margin-top: 3.2rem;
 
+    @media ${device.tabletL} {
+        margin-top: 24px;
+    }
+
     @media ${device.mobileL} {
         font-size: 1.75rem;
     }
@@ -269,10 +273,7 @@ const SignupNew = ({
                     required
                 />
             </InputGroup>
-            <AgreementLabel
-                isChecked={is_checked}
-                handleChangeCheckbox={handleChange}
-            />
+            <AgreementLabel isChecked={is_checked} handleChangeCheckbox={handleChange} />
             <EmailButton
                 isChecked={is_checked}
                 type="submit"