[Bug]: Card layout, icon and text misaligned

[daisygeng]

Library

React Components / v9 (@fluentui/react-components)

System Info

Fluent v9

Are you reporting Accessibility issue?

no

Reproduction

https://aka.ms/fluentui-storybook

Bug Description

Actual Behavior

Secondary text lineheight should be 16px (not sure why it's coming out to 20px here, causing this text unit to not be vertically centered w/ the File icon)

Overflow icon should be the Regular weight icon at rest (not filled).

Expected Behavior

Expected visual

File icon should be 32x32, I overwrote it in inspect mode here:

Secondary text lineheight should be 16px

Logs

No response

Requested priority

High

Products/sites affected

Teams

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.