adding margins

tnc-ca-geo · Jan 8, 2025 · 0e5b37a · 0e5b37a
1 parent ef2d683
commit 0e5b37a
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/src/features/auth/LoginForm.jsx b/src/features/auth/LoginForm.jsx
@@ -135,6 +135,10 @@ const StyledAuthenticator = styled(Authenticator, {
   },
 });
 
+const StyledLoginCallout = styled('div', {
+  margin: '$3',
+});
+
 const StyledButton = styled(Button, {
   fontSize: '$3',
   fontWeight: '$2',
@@ -166,14 +170,16 @@ const LoginForm = () => {
       <Subheader>{helperText[route] || userName || ''}</Subheader>
       <StyledAuthenticator loginMechanisms={['email']} hideDefault={true} hideSignUp={true} />
       {route === 'resetPassword' && (
-        <Callout type="info" title="Password reset">
-          <p>
-            Note: if you never logged into Animl and didn{"'"}t reset your temporary password before
-            it expired, we are unable to deliver password reset emails via the form above. Instead,
-            you must reach out to one of your Project Managers and have them send you a new
-            temporary password.
-          </p>
-        </Callout>
+        <StyledLoginCallout>
+          <Callout type="info" title="Password reset">
+            <p>
+              Note: if you never logged into Animl and didn{"'"}t reset your temporary password
+              before it expired, we are unable to deliver password reset emails via the form above.
+              Instead, you must reach out to one of your Project Managers and have them send you a
+              new temporary password.
+            </p>
+          </Callout>
+        </StyledLoginCallout>
       )}
       {route === 'confirmResetPassword' && (
         <StyledButton onClick={toSignIn}>Return to Sign In</StyledButton>