diff --git a/src/_style.scss b/src/_style.scss
index b25d06ae..099d910e 100644
--- a/src/_style.scss
+++ b/src/_style.scss
@@ -656,3 +656,10 @@ select.form-control {
text-decoration: underline;
}
}
+.password-visibility{
+ .btn-icon__icon-container .btn-icon__icon {
+ height: 1.5rem !important;
+ width: 1.5rem !important;
+ color: $gray-500;
+ }
+}
diff --git a/src/common-components/PasswordField.jsx b/src/common-components/PasswordField.jsx
index 9461aef1..de770829 100644
--- a/src/common-components/PasswordField.jsx
+++ b/src/common-components/PasswordField.jsx
@@ -30,11 +30,11 @@ const PasswordField = (props) => {
};
const HideButton = (
-
+
);
const ShowButton = (
-
+
);
const placement = window.innerWidth < 768 ? 'top' : 'left';
const tooltip = (
diff --git a/src/forgot-password/ForgotPasswordAlert.jsx b/src/forgot-password/ForgotPasswordAlert.jsx
index 2f678b79..8e0dee7e 100644
--- a/src/forgot-password/ForgotPasswordAlert.jsx
+++ b/src/forgot-password/ForgotPasswordAlert.jsx
@@ -37,7 +37,10 @@ const ForgotPasswordAlert = (props) => {
{ window.open(supportUrl, '_blank'); }}
+ onClick={e => {
+ e.preventDefault();
+ window.open(supportUrl, '_blank');
+ }}
>
{intl.formatMessage(messages['confirmation.support.link'])}