fix(Checkbox): show outline on focus (#551)

fix: show outline on focus
square · May 25, 2023 · 20f661d · 20f661d
1 parent 4fe3bfe
commit 20f661d
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Checkbox/src/CheckboxControl.vue b/src/components/Checkbox/src/CheckboxControl.vue
@@ -114,13 +114,16 @@ export default {
 	background-color: $maker-color-background;
 	border: 1px solid var(--color-border);
 	border-radius: 4px;
-	outline: none;
 	cursor: inherit;
 	transition:
 		border 0.2s ease,
 		background-color 0.2s ease;
 	appearance: none;
 
+	&:not(:focus) {
+		outline: none;
+	}
+
 	&:invalid {
 		border-color: var(--color-error);
 	}