diff --git a/src/client/src/components/todos/todoCheckmark.tsx b/src/client/src/components/todos/todoCheckmark.tsx
index a9d4e12..9314816 100644
--- a/src/client/src/components/todos/todoCheckmark.tsx
+++ b/src/client/src/components/todos/todoCheckmark.tsx
@@ -13,8 +13,8 @@ export const TodoCheckmark: FC<TodoCheckmarkProps> = (props) => (
     }
     className={`todo-checkmark h-5 w-5 rounded-full border dark:border-gray-500  ${
       props.todo.status === StatusState.done
-        ? "dark:bg-gray-500"
-        : "hover:dark:bg-gray-600"
+        ? "bg-gray-300 dark:bg-gray-500"
+        : "hover:bg-gray-200 hover:dark:bg-gray-600"
     }`}
   />
 );