From 62fa2b5a736db15ade0ced78d387f386038335b3 Mon Sep 17 00:00:00 2001
From: Florent <florent.lagrede@gmail.com>
Date: Tue, 10 Sep 2024 16:21:15 +0200
Subject: [PATCH] fix: spacing agree erpa checkbox

---
 .../src/components/atoms/AgreeErpaCheckbox.tsx            | 4 +++-
 .../src/components/atoms/AgreeErpaCheckboxNew.tsx         | 8 ++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/web-marketplace/src/components/atoms/AgreeErpaCheckbox.tsx b/web-marketplace/src/components/atoms/AgreeErpaCheckbox.tsx
index 0682d186d9..5ef744d6a0 100644
--- a/web-marketplace/src/components/atoms/AgreeErpaCheckbox.tsx
+++ b/web-marketplace/src/components/atoms/AgreeErpaCheckbox.tsx
@@ -20,11 +20,12 @@ const AgreeErpaCheckbox: React.FC<React.PropsWithChildren<Props>> = ({
       name="agreeErpa"
       label={
         <>
-          <Trans>I agree to the</Trans>{' '}
+          <Trans>I agree to the</Trans>
           <LinkExt
             href={URL_REGISTRY_MARKETPLACE_LEGAL}
             target="_blank"
             rel="noopener noreferrer"
+            className="mx-5"
             sx={{ color: theme.palette.secondary.main }}
           >
             <Trans>Ecocredit Sales Agreement</Trans>
@@ -34,6 +35,7 @@ const AgreeErpaCheckbox: React.FC<React.PropsWithChildren<Props>> = ({
             href={URL_REGISTRY_TERMS_SERVICE}
             target="_blank"
             rel="noopener noreferrer"
+            className="ml-5"
             sx={{ color: theme.palette.secondary.main }}
           >
             <Trans>terms of service</Trans>
diff --git a/web-marketplace/src/components/atoms/AgreeErpaCheckboxNew.tsx b/web-marketplace/src/components/atoms/AgreeErpaCheckboxNew.tsx
index 221cdb9c30..92b5997349 100644
--- a/web-marketplace/src/components/atoms/AgreeErpaCheckboxNew.tsx
+++ b/web-marketplace/src/components/atoms/AgreeErpaCheckboxNew.tsx
@@ -31,18 +31,18 @@ const AgreeErpaCheckbox = forwardRef<HTMLButtonElement, Props>(
             color="primary.contrastText"
             as="span"
           >
-            <Trans>I agree to the</Trans>{' '}
+            <Trans>I agree to the</Trans>
             <LinkExt
-              className="font-bold text-brand-400"
+              className="font-bold text-brand-400 mx-5"
               href={URL_REGISTRY_MARKETPLACE_LEGAL}
               target="_blank"
               rel="noopener noreferrer"
             >
               <Trans>Ecocredit Sales Agreement</Trans>
             </LinkExt>
-            <Trans> and </Trans>
+            <Trans>and</Trans>
             <LinkExt
-              className="font-bold text-brand-400"
+              className="font-bold text-brand-400 ml-5"
               href={URL_REGISTRY_TERMS_SERVICE}
               target="_blank"
               rel="noopener noreferrer"