Auth0 "Back to My App" Hyperlink Styling Inconsistencies

Overview

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.

Applies To
  • Universal Login
  • Page Templates
  • Reset password screens
  • CSS 
Cause

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. 

Solution

To ensure the Back to My App element displays consistently in all screens, please follow the steps below:

  1. Locate any CSS blocks targeting the <a> tag or general text decorations.

  2. Compare the reset-password-success and reset-password-failure screens, which have a Back to My App with a default button, styling with other screens that do, such as reset-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.

Recommended content

No recommended content found...