Textfield is not aligning the content correctly when • is present and there are numbers after it.

[marcelobarreto]

Summary

I noticed during developing a field that it's only going to return the last 4 digits of a field and the rest is going to be masked by • that if the first digits are numbers, the text is unaligned.

This was tested both on my code and here

It's awkward that in the sandbox this doesn't happen.

Expected behavior

Actual behavior

Steps to reproduce

Link to sandbox

1. Use ••••••••10283139818393830183908390809aaa as an example

Are you using React components?

None

Polaris version number

14.3.0

Browser

Chrome

Device

Mac OS