react-project/src/components/MainInstitucional/Contato.tsx

@@ -76,6 +76,9 @@ const Contato = () => {
   const [feedback, setFeedback] = useState(false);
   const Feedback = () => {
     setFeedback(true);
+    setTimeout(() => {
+      setFeedback(false);
+    }, 14000);
   };
 
   return (
@@ -94,14 +97,7 @@ const Contato = () => {
           <Form>
             <div className={contato["forms__form-col"]}>
               <label htmlFor="name">Nome</label>
-              <Field
-                onBlur={() => {
-                  setFeedback(false);
-                }}
-                placeholder="Seu nome completo"
-                id="name"
-                name="name"
-              />
+              <Field placeholder="Seu nome completo" id="name" name="name" />
               <ErrorMessage
                 component="span"
                 name="name"

react-project/src/components/MainInstitucional/assets/modules/Contato.module.scss

@@ -50,6 +50,7 @@
       padding: 15px 20px;
 
       @media screen and (min-width: 2500px) {
+        height: 63px;
         font-size: 28px;
         line-height: 33px;
       }