Icon + text scaling on Mini Cart and My Account block

[vivialice]

Hey folks! On the back of a chat I had with @danielwrobert, I wanted to highlight a visual inconsistency I noticed with text + icon scaling controls.

View example, Customer Account and Mini Cart blocks both set to Typography scale Small:

We came to the decision that for now, we will maintain scaling the icon alongside the text using the typography settings. However, I have noticed when the two blocks are side-by-side, the two don't look like they are using the same scale setting.

Could we check what the settings are here and match the two? Eventually, this will also apply to the search icon scaling.

• The mini cart icon looks slightly too big compared to the customer account icon
• In the screenshot above, it looks like we should scale the customer account icon to visually be balanced with the mini cart icon.

Since we are keeping the settings simple, the defaults should work together well visually without having to edit the two differently. I'm including some real-world examples of where we should be aiming towards:

01

02

03

04

[Aljullu]

When working on this, we should keep an eye on how any changes we introduce impact existing stores which are already making use of these blocks.