Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Input textbox borders distorted on zooming in on login screen



On zooming in or out on the Pega login screen and entering the username and password, the username and password input textbox borders are distorted.

Error Messages

Not Applicable

Steps to Reproduce

In the Pega login screen, zoom in or zoom  out in the browser.

Root Cause

An issue in the custom application code or rules.
Login page styles were not responsive. Hence, the username and password input textboxes overlapped with the parent DIV and the border was hidden due to the overlapping.


Perform the following local-change: 
  1. Modify the below rule that is used for the Pega login screen.

    py-login-screen.css file
  2. Add the below styles at the bottom of the file.

        padding: 2px !important;

  3. Save the py-login-screen.css file for the Guest users RuleSet.
For more information, refer to:


Published April 4, 2019 - Updated October 8, 2020

Was this useful?

0% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us