Skip to content

Getting started card: "Talk to Concierge" link is 15px instead of 13px #97713

Description

@MelvinBot

Bug

The "Talk to Concierge" link in the Getting started card renders at 15px, but the text around it is 13px. The link should match the surrounding text at 13px.

Root cause

The link is a nested Text styled only with styles.link, which does not set a fontSize. Expensify's Text component defaults fontSize to variables.fontSizeNormal (15px) whenever the passed style doesn't override it. The parent Text uses styles.textLabelSupporting, which sets fontSize: fontSizeLabel (13px), so the nested link falls back to the 15px default while its surroundings stay at 13px.

Recommended fix

Compose both styles so the link keeps its color but picks up the 13px label size:

<Text style={[styles.textLabelSupporting, styles.link]}>{helpLinkText}</Text>

link's color wins over textLabelSupporting's since it's spread last; only fontSize: 13 is inherited.

Expected result

The "Talk to Concierge" link matches the surrounding "Need help getting set up?" text at 13px.

Actual result

The link renders at 15px, larger than the surrounding 13px text.

Platforms

All (web/desktop/mobile) — the shared GettingStartedSection component.

Slack thread: https://expensify.slack.com/archives/C03U7DCU4/p1785777833189059

Upwork Automation - Do Not Edit

Metadata

Metadata

Labels

BugSomething is broken. Auto assigns a BugZero manager.ExternalAdded to denote the issue can be worked on by a contributorReviewingHas a PR in reviewWeeklyKSv2

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions