From 971fd4387430a5a61a10fbbc8b666e873a81a114 Mon Sep 17 00:00:00 2001
From: Jorge Costa <jorge.costa@automattic.com>
Date: Wed, 1 Dec 2021 11:16:00 +0000
Subject: [PATCH] Add: Corners to custom color picker popover (#37015)

---
 packages/components/src/color-palette/style.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/components/src/color-palette/style.scss b/packages/components/src/color-palette/style.scss
index ff9c198b6531..3345a8103eea 100644
--- a/packages/components/src/color-palette/style.scss
+++ b/packages/components/src/color-palette/style.scss
@@ -21,9 +21,14 @@
 	overflow: visible;
 	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
 	border: none;
+	border-radius: $radius-block-ui;
 	& > div {
 		padding: 0;
 	}
+	.react-colorful__saturation {
+		border-top-right-radius: $radius-block-ui;
+		border-top-left-radius: $radius-block-ui;
+	}
 }
 
 @include break-medium() {