From ecccc615ddd48a957c167d1f6d0b994427f46178 Mon Sep 17 00:00:00 2001
From: chad1008 <13856531+chad1008@users.noreply.github.com>
Date: Tue, 15 Nov 2022 11:59:45 -0500
Subject: [PATCH] add border to AnglePicker active state

---
 .../styles/angle-picker-control-styles.js                   | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/angle-picker-control/styles/angle-picker-control-styles.js b/packages/components/src/angle-picker-control/styles/angle-picker-control-styles.js
index 29b38850c055f4..62a233b7d2e729 100644
--- a/packages/components/src/angle-picker-control/styles/angle-picker-control-styles.js
+++ b/packages/components/src/angle-picker-control/styles/angle-picker-control-styles.js
@@ -33,7 +33,6 @@ export const CircleRoot = styled.div`
 	box-sizing: border-box;
 	cursor: grab;
 	height: ${ CIRCLE_SIZE }px;
-	overflow: hidden;
 	width: ${ CIRCLE_SIZE }px;
 `;
 
@@ -42,10 +41,15 @@ export const CircleIndicatorWrapper = styled.div`
 	position: relative;
 	width: 100%;
 	height: 100%;
+	border-radius: 50%;
 
 	:focus-visible {
 		outline: none;
 	}
+
+	:active {
+		outline: ${ COLORS.ui.themeDark10 } auto 1px;
+	}
 `;
 
 export const CircleIndicator = styled.div`