diff --git a/src/pages/ForgetPassword/index.tsx b/src/pages/ForgetPassword/index.tsx
index c4a223f..d21043d 100644
--- a/src/pages/ForgetPassword/index.tsx
+++ b/src/pages/ForgetPassword/index.tsx
@@ -42,7 +42,7 @@ export function ForgetPassword() {
                 icon={<FiUser color="#666360" size={24} />}
               />
               {formikForgetPassword.errors.email && formikForgetPassword.touched.email && (
-                <span>{formikForgetPassword.errors.email}</span>
+                <span className={styles.error}>{formikForgetPassword.errors.email}</span>
               )}
 
               <Button type="submit">Recuperar</Button>
diff --git a/src/pages/Login/index.tsx b/src/pages/Login/index.tsx
index 671fbe9..01c68a8 100644
--- a/src/pages/Login/index.tsx
+++ b/src/pages/Login/index.tsx
@@ -51,7 +51,9 @@ export function Login() {
                 value={formikLogin.values.email}
                 icon={<FiUser color="#666360" size={24} />}
               />
-              {formikLogin.errors.email && formikLogin.touched.email && <span>{formikLogin.errors.email}</span>}
+              {formikLogin.errors.email && formikLogin.touched.email && (
+                <span className={styles.error}>{formikLogin.errors.email}</span>
+              )}
 
               <Input
                 type="password"
@@ -62,7 +64,9 @@ export function Login() {
                 value={formikLogin.values.senha}
                 icon={<FiLock color="#666360" size={24} />}
               />
-              {formikLogin.errors.senha && formikLogin.touched.senha && <span>{formikLogin.errors.senha}</span>}
+              {formikLogin.errors.senha && formikLogin.touched.senha && (
+                <span className={styles.error}>{formikLogin.errors.senha}</span>
+              )}
 
               <Button type="submit">{loading ? <SpinnerCircular color="#28262e" size={32} /> : 'Entrar'}</Button>
             </div>
diff --git a/src/pages/Register/index.tsx b/src/pages/Register/index.tsx
index 1b0c0d6..0d63aef 100644
--- a/src/pages/Register/index.tsx
+++ b/src/pages/Register/index.tsx
@@ -54,7 +54,9 @@ export function Register() {
                 maxLength={100}
                 icon={<FiUser color="#666360" size={24} />}
               />
-              {formikRegister.errors.nome && formikRegister.touched.nome && <span>{formikRegister.errors.nome}</span>}
+              {formikRegister.errors.nome && formikRegister.touched.nome && (
+                <span className={styles.error}>{formikRegister.errors.nome}</span>
+              )}
               <Input
                 type="email"
                 name="email"
@@ -65,7 +67,7 @@ export function Register() {
                 icon={<FiMail color="#666360" size={24} />}
               />
               {formikRegister.errors.email && formikRegister.touched.email && (
-                <span>{formikRegister.errors.email}</span>
+                <span className={styles.error}>{formikRegister.errors.email}</span>
               )}
               <Input
                 type="password"
@@ -77,7 +79,7 @@ export function Register() {
                 icon={<FiLock color="#666360" size={24} />}
               />
               {formikRegister.errors.senha && formikRegister.touched.senha && (
-                <span>{formikRegister.errors.senha}</span>
+                <span className={styles.error}>{formikRegister.errors.senha}</span>
               )}
 
               <Input
@@ -90,7 +92,7 @@ export function Register() {
                 icon={<FiLock color="#666360" size={24} />}
               />
               {formikRegister.errors.confirmarSenha && formikRegister.touched.confirmarSenha && (
-                <span>{formikRegister.errors.confirmarSenha}</span>
+                <span className={styles.error}>{formikRegister.errors.confirmarSenha}</span>
               )}
 
               <Button type="submit">
diff --git a/src/pages/ResetPassword/index.tsx b/src/pages/ResetPassword/index.tsx
index 659981c..e8baf6d 100644
--- a/src/pages/ResetPassword/index.tsx
+++ b/src/pages/ResetPassword/index.tsx
@@ -43,7 +43,7 @@ export function ResetPassword() {
                 icon={<FiLock color="#666360" size={24} />}
               />
               {formikResetPassword.errors.senha && formikResetPassword.touched.senha && (
-                <span>{formikResetPassword.errors.senha}</span>
+                <span className={styles.error}>{formikResetPassword.errors.senha}</span>
               )}
 
               <Input
@@ -56,7 +56,7 @@ export function ResetPassword() {
                 icon={<FiLock color="#666360" size={24} />}
               />
               {formikResetPassword.errors.confirmarSenha && formikResetPassword.touched.confirmarSenha && (
-                <span>{formikResetPassword.errors.confirmarSenha}</span>
+                <span className={styles.error}>{formikResetPassword.errors.confirmarSenha}</span>
               )}
 
               <Button type="submit">Alterar senha</Button>