fix methodology checkbox

Vizzuality · Jul 13, 2023 · 4312be6 · 4312be6 · vercel · Jul 13, 2023
1 parent 857e31c
commit 4312be6
Showing 1 changed file with 12 additions and 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
@@ -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.