diff --git a/src/components/button.module.css b/src/components/button.module.css index 23cb2b9..f85f57c 100644 --- a/src/components/button.module.css +++ b/src/components/button.module.css @@ -19,7 +19,6 @@ font-size: 18px; } - .label { margin: 5px 80px; position: relative; diff --git a/src/components/input.module.css b/src/components/input.module.css index 975a0ed..7e1f04d 100644 --- a/src/components/input.module.css +++ b/src/components/input.module.css @@ -35,6 +35,10 @@ input:-webkit-autofill:focus width: 100%; } +.input:focus, .longInput:focus, .selectInput:focus { + outline: none; +} + .longInput { resize: none; vertical-align: bottom; diff --git a/src/components/password.js b/src/components/password.js index e6d3984..4ea8f7f 100644 --- a/src/components/password.js +++ b/src/components/password.js @@ -34,7 +34,7 @@ class Password extends React.Component { return (
- +
{this.eyeIcon()}

{this.props.label}

diff --git a/src/components/password.module.css b/src/components/password.module.css index fc13dcd..3c68747 100644 --- a/src/components/password.module.css +++ b/src/components/password.module.css @@ -40,6 +40,9 @@ input:-webkit-autofill:focus border-bottom: 1px solid var(--textColour); } +#passwordInput:focus { + outline: none; +} .visibilityToggle { appearance: none; -webkit-appearance: none;