The padding in the login form is not consistent; it varies.

[deeppatel8950]

In a login form, using the same padding for the top, right, bottom, and left of the input fields ensures a better and more consistent design.

[deeppatel8950]

In a login form, using the same padding for the top, right, bottom, and left of the input fields ensures a better and more consistent design.

This PR addresses a design inconsistency in the login form input fields. Previously, the margin was applied using shorthand syntax (margin: 0 6px 16px 0), which resulted in inconsistent spacing. The fix replaces the shorthand margin with margin-bottom: 16px to ensure a more uniform and predictable layout.

Trac ticket: #62601

[deeppatel8950]

It's padding issue not margin issue.

[sainathpoojary]

Hey @deeppatel8950,

Thank you for pointing that out! I’ll make sure to add it to the PR.

Also, I wanted to confirm: is the 6px margin on the right the expected behavior?

[deeppatel8950]

Hi @sainathpoojary

It's a padding issue, not a margin issue. Add 3px or 5px of padding to ensure a consistent design across all sites.

[abcd95]

Hi, @deeppatel8950, thanks for reporting this!

The current padding values (3px vertical, 5px horizontal) appear to be intentional, as this is a common design pattern for form inputs. Different horizontal and vertical padding often helps create better visual balance, since text typically needs more horizontal space than vertical space to maintain readability.

However, it would be valuable to get design feedback on this.

[sabernhardt]

[46371] purposely changed the padding from 5px on all sides to a rem-based measurement that is slightly less on the top and bottom.

The password field also has more padding on one side to avoid overlap with the visibility toggle button.

Closing this PR as this is the expected behavior, as per the discussion on Trac.