diff --git a/change/@fluentui-react-card-97d7abde-06d9-46cc-a71a-147630a0431e.json b/change/@fluentui-react-card-97d7abde-06d9-46cc-a71a-147630a0431e.json
new file mode 100644
index 00000000000000..d76c2bf465e4b1
--- /dev/null
+++ b/change/@fluentui-react-card-97d7abde-06d9-46cc-a71a-147630a0431e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: CardHeader grid layout ignoring line-height of content",
+  "packageName": "@fluentui/react-card",
+  "email": "marcosvmmoura@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-card/src/components/CardHeader/useCardHeaderStyles.styles.ts b/packages/react-components/react-card/src/components/CardHeader/useCardHeaderStyles.styles.ts
index 4871b995f04073..605a13c25d8274 100644
--- a/packages/react-components/react-card/src/components/CardHeader/useCardHeaderStyles.styles.ts
+++ b/packages/react-components/react-card/src/components/CardHeader/useCardHeaderStyles.styles.ts
@@ -25,7 +25,6 @@ const useStyles = makeStyles({
     [cardHeaderCSSVars.cardHeaderGapVar]: '12px',
     display: 'grid',
     gridAutoColumns: 'min-content 1fr min-content',
-    gridAutoRows: '1fr min-content',
     alignItems: 'center',
   },
   image: {
@@ -37,10 +36,12 @@ const useStyles = makeStyles({
   header: {
     gridColumnStart: '2',
     gridRowStart: '1',
+    display: 'flex',
   },
   description: {
     gridColumnStart: '2',
     gridRowStart: '2',
+    display: 'flex',
   },
   action: {
     marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,