Skip to content

Commit 691e6a9

Browse files
authored
Merge pull request #3263 from PratyushSawan/fix#3241_eye_icon
Fix#3241 - Icon Alignment issue in Password Field
2 parents dd767a2 + 280e444 commit 691e6a9

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

Diff for: client/styles/components/_forms.scss

+7-3
Original file line numberDiff line numberDiff line change
@@ -75,14 +75,18 @@
7575

7676
.form__field__password {
7777
position: relative;
78+
display: flex;
79+
align-items: center;
7880
}
7981

8082
.form__eye__icon {
81-
font-size: 28px;
83+
font-size: #{math.div(30, $base-font-size)}rem;
8284
position: absolute;
8385
right: 0px;
84-
top: 4px;
85-
vertical-align: middle;
86+
87+
& svg {
88+
transform: translateY(10%);
89+
}
8690
}
8791

8892

0 commit comments

Comments
 (0)