Three asterisk in <pre> are displayed out of alignment

[adamdecaf]

Description

We have a tool which displays a tab delimited table in <pre> HTML tags. Part of this tool displays masked bank account numbers but when three asterisks are displayed they're out of alignment with each other.

Steps to Reproduce

The HTML page has a <pre> element with the output of a tab delimited table. This works to display the contents in a human readable fashion. Everything else is aligned (in terms of columns and rows).

Here's the computed CSS of the <pre> element.

Expected result:

I'm not sure why three asterisks are the only combination which is out of alignment.

Reproduces how often:

Easily reproduced

Brave version (brave://version info)

Brave	1.52.117 Chromium: 114.0.5735.90 (Official Build) (x86_64)
Revision	386bc09e8f4f2e025eddae123f36f6263096ae49-refs/branch-heads/5735@{#1052}
OS	macOS Version 13.4 (Build 22F66)

Other Additional Information:

• Does the issue resolve itself when disabling Brave Shields? No
• Does the issue resolve itself when disabling Brave Rewards? No
• Is the issue reproducible on the latest version of Chrome?

[rebron]

@adamdecaf You're not seeing this issue in Chrome?

[adamdecaf]

I see the issue in Chrome. Should I report it on their tracker?