diff --git a/src/components/Input/styles.ts b/src/components/Input/styles.ts index 7393f12..269ae8d 100644 --- a/src/components/Input/styles.ts +++ b/src/components/Input/styles.ts @@ -52,6 +52,11 @@ export const Container = styled.div` &::placeholder { color: ${Color.Text}; } + + &:-webkit-autofill { + box-shadow: 0 0 0 30px ${Color.FillSecondary} inset; + -webkit-text-fill-color: ${Color.Text}; + } } svg { diff --git a/src/pages/Login/styles.ts b/src/pages/Login/styles.ts index ad04391..4207987 100644 --- a/src/pages/Login/styles.ts +++ b/src/pages/Login/styles.ts @@ -58,7 +58,7 @@ export const LoginHeader = styled.h1` export const ErrorMessage = styled.p` margin: ${Size.Default} 0; - color: ${Color.Secondary}; + color: ${Color.Error}; font-size: ${Size.Small}; `; diff --git a/src/pages/Signup/styles.ts b/src/pages/Signup/styles.ts index 855eeae..998e624 100644 --- a/src/pages/Signup/styles.ts +++ b/src/pages/Signup/styles.ts @@ -58,7 +58,7 @@ export const SignupHeader = styled.h1` export const ErrorMessage = styled.p` margin: ${Size.Default} 0; - color: ${Color.Secondary}; + color: ${Color.Error}; font-size: ${Size.Small}; `;