From e1136ef5a5d5f97c97af4811a317f8bc96d1971a Mon Sep 17 00:00:00 2001
From: tellthemachines <isabel@tellthemachines.com>
Date: Thu, 18 Aug 2022 14:04:09 +1000
Subject: [PATCH 1/2] Add margin and padding supports to Audio block.

---
 docs/reference-guides/core-blocks.md        | 2 +-
 packages/block-library/src/audio/block.json | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
index faef91da28ba36..6bb89f31b2ee3b 100644
--- a/docs/reference-guides/core-blocks.md
+++ b/docs/reference-guides/core-blocks.md
@@ -23,7 +23,7 @@ Embed a simple audio player. ([Source](https://github.com/WordPress/gutenberg/tr
 
 -	**Name:** core/audio
 -	**Category:** media
--	**Supports:** align, anchor
+-	**Supports:** align, anchor, spacing (margin, padding)
 -	**Attributes:** autoplay, caption, id, loop, preload, src
 
 ## Avatar
diff --git a/packages/block-library/src/audio/block.json b/packages/block-library/src/audio/block.json
index 62d79826b4a451..b872a3acebdcc6 100644
--- a/packages/block-library/src/audio/block.json
+++ b/packages/block-library/src/audio/block.json
@@ -48,6 +48,10 @@
 			"spacing": {
 				"margin": "0 0 1em 0"
 			}
+		},
+		"spacing": {
+			"margin": true,
+			"padding": true
 		}
 	},
 	"editorStyle": "wp-block-audio-editor",

From fa9b5e72736bae7aca6b15a6fa120b0dc4448d0c Mon Sep 17 00:00:00 2001
From: tellthemachines <isabel@tellthemachines.com>
Date: Thu, 18 Aug 2022 15:28:38 +1000
Subject: [PATCH 2/2] Add border box rule.

---
 packages/block-library/src/audio/style.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/block-library/src/audio/style.scss b/packages/block-library/src/audio/style.scss
index 64d79cafd85dc9..1b3d705dda019a 100644
--- a/packages/block-library/src/audio/style.scss
+++ b/packages/block-library/src/audio/style.scss
@@ -1,4 +1,6 @@
 .wp-block-audio {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
 	// Supply caption styles to audio blocks, even if the theme hasn't opted in.
 	// Reason being: the new markup, <figcaptions>, are not likely to be styled in the majority of existing themes,
 	// so we supply the styles so as to not appear broken or unstyled in those themes.