[Liquid Glass Follow Up][Bug] Tab icons shift slightly when switching tabs #104199

5. Tab icons shift when switching tabs - the label becomes bold on the active tab, which changes the computed tab width and slightly moves the icons. (comment)

Action Performed

1. Open the app on a phone.
2. Tap between Inbox, Spend and the other tabs.
3. Watch the icons in the bottom tab bar.

Expected Result
Icons stay in place. Only the label weight and color change.

Actual Result
The icons move a few pixels each time the active tab changes.

Cause
The active tab label is bold. Bold text is wider, so the tab's computed width changes and the icon is re-centred.

Notes

• Did not happen with the old JS tab bar.
• Video: Add liquid glass bottom tab bar to iOS, Android and mWeb #101339 (comment)

Platforms

• iOS: App
• Android: App (check)
• mWeb (check)