Change the HTML in Login Button (removing the arrow)

How can I change the HTML for the Login Button from the accounts-ui-unstyled package, in order to remove the down arrow unicode in front of the “Sign in” text?
I already tried grabbing the html value when the Template Renders (onRendered) but I could only change that with setTimeout, which is a bad approach since the time it takes to render changes from network to network, and even from browser to browser.

To remove the the arrow,
you can set CSS like

  visibility: hidden;
  visibility: visible;
  content: 'SIGN IN'; 

Now it should be “SIGN IN” instead of “Sign in ▾”

1 Like