ui/Card: increase padding, align with legacy Card (#76368)

ciampo · jameskoster · web-flow · commit d660ae426df2 · 2026-03-13T17:07:27.000+01:00
* Card: increase padding

* CHANGELOG


---

Co-authored-by: ciampo &lt;mciampini@git.wordpress.org&gt;
Co-authored-by: jameskoster &lt;jameskoster@git.wordpress.org&gt;
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
@@ -17,6 +17,7 @@
 -   `Badge`: Add border, update text color, and apply `neutral-strong` background to `none` intent for better contrast against neutral surfaces ([#76356](https://github.com/WordPress/gutenberg/pull/76356)).
 -   `Notice`: Improve narrow layout by letting description and actions span the icon column when a title is present ([#76202](https://github.com/WordPress/gutenberg/pull/76202)).
 -   `Notice`: Use `Text` component for `Title` and `Description` typography ([#75870](https://github.com/WordPress/gutenberg/pull/75870)).
+-   `Card`, `CollapsibleCard`: update padding to match legacy `Card` component ([#76368](https://github.com/WordPress/gutenberg/pull/76368)).
 
 ## 0.8.0 (2026-03-04)
 
diff --git a/packages/ui/src/card/style.module.css b/packages/ui/src/card/style.module.css
@@ -2,8 +2,8 @@
 
 @layer wp-ui-components {
 	.root {
-		--wp-ui-card-padding: var(--wpds-dimension-padding-xl);
-		--wp-ui-card-header-content-gap: var(--wpds-dimension-gap-lg);
+		--wp-ui-card-padding: var(--wpds-dimension-padding-2xl);
+		--wp-ui-card-header-content-gap: var(--wpds-dimension-gap-xl);
 
 		display: flex;
 		flex-direction: column;
