diff --git a/assets/css/components/field.css b/assets/css/components/field.css
index f32bc897d..e25e93b5c 100644
--- a/assets/css/components/field.css
+++ b/assets/css/components/field.css
@@ -5,7 +5,7 @@
 }
 
 .atomic-checkbox {
-  @apply w-5 h-5 transition-all duration-150 ease-linear border-gray-300 rounded cursor-pointer text-primary-500 dark:bg-gray-800 dark:border-gray-600 disabled:bg-gray-300 dark:disabled:bg-gray-600 disabled:cursor-not-allowed;
+  @apply w-5 h-5 transition-all duration-150 ease-linear border-gray-300 rounded cursor-pointer text-primary-500 dark:bg-gray-800 dark:border-gray-600 disabled:bg-gray-300 dark:disabled:bg-gray-600 disabled:cursor-not-allowed focus:ring-primary-500;
 }
 
 .atomic-checkbox-label {