From 4312be6a4680cfb6b8352114795c1879e0b8b002 Mon Sep 17 00:00:00 2001
From: Maria Sola <maria.sola@vizzuality.com>
Date: Thu, 13 Jul 2023 08:49:38 +0200
Subject: [PATCH] fix methodology checkbox

---
 .../methodology/stay-up-to-date/component.tsx  | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/marketing/src/containers/methodology/stay-up-to-date/component.tsx b/marketing/src/containers/methodology/stay-up-to-date/component.tsx
index be6a6177c..85a1e96ff 100644
--- a/marketing/src/containers/methodology/stay-up-to-date/component.tsx
+++ b/marketing/src/containers/methodology/stay-up-to-date/component.tsx
@@ -124,9 +124,12 @@ const StayUpToDate: FC = () => {
                           id="accept-terms"
                           type="checkbox"
                           {...register('terms')}
-                          className={cx('w-5 h-5 border-2 border-black', {
-                            'border-red-500': errors.terms,
-                          })}
+                          className={cx(
+                            'w-5 h-5 rounded-full border-2 border-black bg-orange-500',
+                            {
+                              'border-red-500': errors.terms,
+                            },
+                          )}
                         />
                         <label className="font-light" htmlFor="accept-terms">
                           I agree with LandGriffon&apos;s{' '}
@@ -142,9 +145,12 @@ const StayUpToDate: FC = () => {
                           id="newsletter"
                           type="checkbox"
                           {...register('newsletter')}
-                          className={cx('w-5 h-5 border-2 border-black', {
-                            'border-red-500': errors.newsletter,
-                          })}
+                          className={cx(
+                            'w-5 h-5 rounded-full border-2 border-black bg-orange-500',
+                            {
+                              'border-red-500': errors.newsletter,
+                            },
+                          )}
                         />
                         <label className="font-light" htmlFor="newsletter">
                           Send me LandGriffon&apos;s general newsletter as well.