Merge pull request #3263 from PratyushSawan/fix#3241_eye_icon

Fix#3241 - Icon Alignment issue in Password Field
processing · Nov 26, 2024 · 691e6a9 · 691e6a9
2 parents dd767a2 + 280e444
commit 691e6a9
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/client/styles/components/_forms.scss b/client/styles/components/_forms.scss
@@ -75,14 +75,18 @@
 
 .form__field__password {
   position: relative;
+  display: flex;
+  align-items: center;
 }
 
 .form__eye__icon {
-  font-size: 28px;
+  font-size: #{math.div(30, $base-font-size)}rem;
   position: absolute;
   right: 0px;
-  top: 4px;
-  vertical-align: middle;
+
+  & svg {
+    transform: translateY(10%);
+  }
 }