diff --git a/src/components/Checkbox/src/CheckboxControl.vue b/src/components/Checkbox/src/CheckboxControl.vue
index e69ecec59..2f8355aff 100644
--- 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);
 	}