In the subscription/billing list view, the “Monthly” label and associated date (e.g., “Sep 2”, “Sep 3”) shift leftward when the currency amount string becomes relatively long. This causes visual misalignment relative to rows with shorter amounts.
Steps to Reproduce
Display a list containing multiple subscription entries.
Include entries whose amounts use longer currency formats or higher digit counts (examples observed: ₦ 8,500.00 and ₦ 2,800.00).
Compare against entries with shorter amounts (examples: ₹ 1,400.00 and US$ 7.60).
Expected Behavior
The “Monthly” label and date columns should remain vertically aligned across all rows.
Currency amounts of varying lengths should not displace preceding columns.
Actual Behavior
Longer currency strings push the “Monthly” and date fields leftward (highlighted in the provided screenshot for the Netflix and YouTube rows).
Shorter currency strings maintain the intended alignment (Grok and OVHcloud rows).
In the subscription/billing list view, the “Monthly” label and associated date (e.g., “Sep 2”, “Sep 3”) shift leftward when the currency amount string becomes relatively long. This causes visual misalignment relative to rows with shorter amounts.
Steps to Reproduce
Display a list containing multiple subscription entries.
Include entries whose amounts use longer currency formats or higher digit counts (examples observed: ₦ 8,500.00 and ₦ 2,800.00).
Compare against entries with shorter amounts (examples: ₹ 1,400.00 and US$ 7.60).
Expected Behavior
The “Monthly” label and date columns should remain vertically aligned across all rows.
Currency amounts of varying lengths should not displace preceding columns.
Actual Behavior
Longer currency strings push the “Monthly” and date fields leftward (highlighted in the provided screenshot for the Netflix and YouTube rows).
Shorter currency strings maintain the intended alignment (Grok and OVHcloud rows).