From efd06c1d001dcb153156e92dfe5df95bec188124 Mon Sep 17 00:00:00 2001
From: Aaron Robertshaw <60436221+aaronrobertshaw@users.noreply.github.com>
Date: Mon, 9 May 2022 16:23:36 +1000
Subject: [PATCH] Make border control borders consistent with other controls

---
 packages/components/src/border-control/styles.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/border-control/styles.ts b/packages/components/src/border-control/styles.ts
index 0dfaaccc8f87f..af5de6f487955 100644
--- 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 }`,
 		}
 	)() }