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"