Add box-sizing. (#44580)

WordPress · Oct 4, 2022 · 03b241a · 03b241a
1 parent b103c7d
commit 03b241a
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/packages/block-library/src/code/style.scss b/packages/block-library/src/code/style.scss
@@ -1,8 +1,13 @@
-// Provide a minimum of overflow handling and ensure the code markup inherits
-// the font-family set on pre.
-.wp-block-code code {
-	display: block;
-	font-family: inherit;
-	overflow-wrap: break-word;
-	white-space: pre-wrap;
+.wp-block-code {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
+
+	// Provide a minimum of overflow handling and ensure the code markup inherits
+	// the font-family set on pre.
+	code {
+		display: block;
+		font-family: inherit;
+		overflow-wrap: break-word;
+		white-space: pre-wrap;
+	}
 }