Auth0 "Back to My App" Hyperlink Styling Inconsistencies
This article explains the default HTML structure and styling of the Back to My App element within Universal Login (UL) screens. It describes how custom CSS modifications to global elements may result in unexpected visual behaviors, such as underlining, on specific reset password interfaces.
- Universal Login
- Page Templates
- Reset password screens
- CSS
The Back to My App element is a hyperlink <a> by default. Depending on the screen, it may use specific Universal Login classes, such as ulp-button, to simulate the appearance of a button. However, it remains an anchor tag in the underlying HTML. When a global style is applied to all anchor tags within custom CSS, it may create inconsistent styling.
To ensure the Back to My App element displays consistently in all screens, please follow the steps below:
-
Locate any CSS blocks targeting the
<a>tag or general text decorations. -
Compare the
reset-password-successandreset-password-failurescreens, which have a Back to My App with a default button, styling with other screens that do, such asreset-password-request.
NOTE: Exercise caution when applying global CSS to standard HTML elements like <a>, as these styles will affect all hyperlinks across the UL experience, including those styled as buttons.