add border to AnglePicker active state

WordPress · Nov 15, 2022 · ecccc61 · ecccc61
1 parent 1b38797
commit ecccc61
Showing 1 changed file with 5 additions and 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
@@ -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`