Make border control borders consistent with other controls (#40921)

WordPress · May 10, 2022 · 83eed93 · 83eed93
1 parent ad65058
commit 83eed93
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/components/src/border-control/styles.ts b/packages/components/src/border-control/styles.ts
@@ -27,7 +27,7 @@ export const borderControl = css`
 `;
 
 export const innerWrapper = () => css`
-	border: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 200 ] };
+	border: ${ CONFIG.borderWidth } solid ${ COLORS.ui.border };
 	border-radius: 2px;
 	flex: 1 0 40%;
 
@@ -60,11 +60,11 @@ export const borderControlDropdown = () => css`
 	${ rtl(
 		{
 			borderRadius: `1px 0 0 1px`,
-			borderRight: `${ CONFIG.borderWidth } solid ${ COLORS.gray[ 200 ] }`,
+			borderRight: `${ CONFIG.borderWidth } solid ${ COLORS.ui.border }`,
 		},
 		{
 			borderRadius: `0 1px 1px 0`,
-			borderLeft: `${ CONFIG.borderWidth } solid ${ COLORS.gray[ 200 ] }`,
+			borderLeft: `${ CONFIG.borderWidth } solid ${ COLORS.ui.border }`,
 		}
 	)() }