From 72d840cbebe10e6c7fce6444775e659d3cc84f96 Mon Sep 17 00:00:00 2001
From: adeelehsan <adeel.ehsan@arbisoft.com>
Date: Wed, 16 Jun 2021 20:28:43 +0500
Subject: [PATCH] password icon issue fixed

---
 src/_style.scss                             | 7 +++++++
 src/common-components/PasswordField.jsx     | 4 ++--
 src/forgot-password/ForgotPasswordAlert.jsx | 5 ++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

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 = (
-    <IconButton src={VisibilityOff} iconAs={Icon} onClick={setHiddenTrue} size="sm" variant="secondary" alt={formatMessage(messages['hide.password'])} />
+    <IconButton className="password-visibility" src={VisibilityOff} iconAs={Icon} onClick={setHiddenTrue} size="sm" variant="secondary" alt={formatMessage(messages['hide.password'])} />
   );
 
   const ShowButton = (
-    <IconButton src={Visibility} iconAs={Icon} onClick={setHiddenFalse} size="sm" variant="secondary" alt={formatMessage(messages['show.password'])} />
+    <IconButton className="password-visibility" src={Visibility} iconAs={Icon} onClick={setHiddenFalse} size="sm" variant="secondary" alt={formatMessage(messages['show.password'])} />
   );
   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) => {
               <Alert.Link
                 className="alert-link"
                 href={supportUrl}
-                onClick={() => { window.open(supportUrl, '_blank'); }}
+                onClick={e => {
+                  e.preventDefault();
+                  window.open(supportUrl, '_blank');
+                }}
               >
                 {intl.formatMessage(messages['confirmation.support.link'])}
               </Alert.Link>