From 380aae9cd089d18269c68d2be48fb96972f63df0 Mon Sep 17 00:00:00 2001
From: DaviHKlein <davihgklein@gmail.com>
Date: Fri, 20 Jan 2023 21:30:24 -0300
Subject: [PATCH] feat(form): Adiciona mudancas no sass do form

---
 src/components/ContactForm.tsx | 2 +-
 src/pages/Contact.modules.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ContactForm.tsx b/src/components/ContactForm.tsx
index 4378ee6..cb85587 100644
--- a/src/components/ContactForm.tsx
+++ b/src/components/ContactForm.tsx
@@ -114,7 +114,7 @@ export const ContactForm = () => {
 
           <div className="checkbox_wrapper">
             <label htmlFor="checkbox">Declaro que li e aceito</label>
-            <span className="error">
+            <span className="check-error">
               <ErrorMessage name="checkbox" className="form-ivalid-feedback" />
             </span>
             <Field
diff --git a/src/pages/Contact.modules.scss b/src/pages/Contact.modules.scss
index 2090f6a..6933e3e 100644
--- a/src/pages/Contact.modules.scss
+++ b/src/pages/Contact.modules.scss
@@ -84,9 +84,13 @@ form {
 
   .checkbox_wrapper {
     margin: 12px 0;
+    position: relative;
     span {
+      display: flex;
+      justify-content: flex-start !important;
       margin-left: 13px;
       margin-right: 2px;
+      color: #ff0000;
       @media (min-width: 2500px) {
         font-size: 26px;
       }
@@ -116,6 +120,7 @@ form {
     color: $color-white;
 
     @media (min-width: 2500px) {
+      height: 71px;
       font-weight: 400;
       font-size: 32px;
       line-height: 38px;