Merge pull request #23199 from Yoast/fix/suggestions-modal-header-alignment

JorPV · web-flow · commit 9304d598fc58 · 2026-04-28T12:08:30.000+02:00
Align the usage counter vertically
diff --git a/packages/js/src/ai-content-planner/components/feature-modal.js b/packages/js/src/ai-content-planner/components/feature-modal.js
@@ -111,7 +111,7 @@ export const FeatureModal = ( {
                             ( isOutline && ! isOutlineError )   ) &&
 								(
 									<UsageCounter
-										className="yst-relative"
+										className="yst-relative yst-flex yst-items-center"
 										limit={ usageCountLimit }
 										requests={ usageCount }
 										mentionBetaInTooltip={ isPremium }

Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,7 @@ export const FeatureModal = ( {`
`111`	`111`	`( isOutline && ! isOutlineError ) ) &&`
`112`	`112`	`(`
`113`	`113`	`<UsageCounter`
`114`		`- className="yst-relative"`
	`114`	`+ className="yst-relative yst-flex yst-items-center"`
`115`	`115`	`limit={ usageCountLimit }`
`116`	`116`	`requests={ usageCount }`
`117`	`117`	`mentionBetaInTooltip={ isPremium }`