diff --git a/app/ui/lib/Checkbox.tsx b/app/ui/lib/Checkbox.tsx
index 659533266..812f4e716 100644
--- a/app/ui/lib/Checkbox.tsx
+++ b/app/ui/lib/Checkbox.tsx
@@ -21,8 +21,10 @@ const inputStyle = `
   appearance-none border border-default bg-default h-4 w-4 rounded-sm absolute left-0 outline-none
   disabled:cursor-not-allowed
   hover:border-hover hover:cursor-pointer
-  checked:bg-accent-secondary checked:border-accent-secondary checked:hover:border-accent
-  indeterminate:bg-accent-secondary indeterminate:border-accent hover:indeterminate:bg-accent-secondary-hover
+  checked:bg-accent-secondary checked:border-accent-secondary
+  indeterminate:hover:border-accent checked:hover:border-accent
+  hover:indeterminate:bg-accent-secondary-hover hover:checked:bg-accent-secondary-hover
+  indeterminate:bg-accent-secondary indeterminate:border-accent-secondary
 `
 
 export type CheckboxProps = {