ColorPalette: Prevent overflow of custom color button background

WordPress · Oct 16, 2024 · 3439858 · 3439858
1 parent 26e108d
commit 3439858
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/components/src/color-palette/style.scss b/packages/components/src/color-palette/style.scss
@@ -26,10 +26,10 @@ $border-as-box-shadow: inset 0 0 0 $border-width rgba(0, 0, 0, 0.2);
 	&::after {
 		content: "";
 		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
+		top: 1px;
+		left: 1px;
+		right: 1px;
+		bottom: 1px;
 		z-index: -1;
 		// The background image creates a checkerboard pattern. Ignore rtlcss to
 		// make it work both in LTR and RTL.
@@ -41,6 +41,7 @@ $border-as-box-shadow: inset 0 0 0 $border-width rgba(0, 0, 0, 0.2);
 		background-position: 0 0, 24px 24px;
 		/*rtl:end:ignore*/
 		background-size: calc(2 * 24px) calc(2 * 24px);
+		border-radius: $radius-medium - 1 $radius-medium - 1 0 0;
 	}
 }