diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md index 7488b6b9cdfe8..bfa44e164e9e9 100644 --- a/docs/reference-guides/core-blocks.md +++ b/docs/reference-guides/core-blocks.md @@ -32,7 +32,7 @@ Add a user's avatar. ([Source](https://github.com/WordPress/gutenberg/tree/trunk - **Name:** core/avatar - **Category:** theme -- **Supports:** align, color (~~background~~, ~~text~~), spacing (margin), ~~alignWide~~, ~~html~~ +- **Supports:** align, color (~~background~~, ~~text~~), spacing (margin, padding), ~~alignWide~~, ~~html~~ - **Attributes:** isLink, linkTarget, size, userId ## Reusable block diff --git a/packages/block-library/src/avatar/block.json b/packages/block-library/src/avatar/block.json index 6bde47a82201b..bceef63ad6fb9 100644 --- a/packages/block-library/src/avatar/block.json +++ b/packages/block-library/src/avatar/block.json @@ -29,7 +29,8 @@ "align": true, "alignWide": false, "spacing": { - "margin": true + "margin": true, + "padding": true }, "__experimentalBorder": { "__experimentalSkipSerialization": true, diff --git a/packages/block-library/src/avatar/style.scss b/packages/block-library/src/avatar/style.scss index 7305553cfc46b..1939b86b52d16 100644 --- a/packages/block-library/src/avatar/style.scss +++ b/packages/block-library/src/avatar/style.scss @@ -1,4 +1,7 @@ .wp-block-avatar { + // This block has customizable padding, border-box makes that more predictable. + box-sizing: border-box; + &.aligncenter { text-align: center; }