diff --git a/src/client/src/components/todos/todoCheckmark.tsx b/src/client/src/components/todos/todoCheckmark.tsx
index 123d33f..7920d15 100644
--- a/src/client/src/components/todos/todoCheckmark.tsx
+++ b/src/client/src/components/todos/todoCheckmark.tsx
@@ -11,7 +11,7 @@ export const TodoCheckmark: FC<TodoCheckmarkProps> = (props) => (
     onClick={() =>
       props.updateTodo({ ...props.todo, status: !props.todo.status })
     }
-    className={`h-5 w-5 rounded-full border dark:border-gray-500  ${
+    className={`todo-checkmark h-5 w-5 rounded-full border dark:border-gray-500  ${
       props.todo.status === StatusState.done
         ? "dark:bg-gray-700"
         : "hover:dark:bg-gray-600"
diff --git a/src/client/src/styles/tailwind.css b/src/client/src/styles/tailwind.css
index b1c10d9..e1f7b37 100644
--- a/src/client/src/styles/tailwind.css
+++ b/src/client/src/styles/tailwind.css
@@ -34,4 +34,8 @@ input {
 
 body {
     @apply h-screen dark:bg-gray-700
+}
+
+.todo-checkmark {
+    min-width: 1.25rem;
 }
\ No newline at end of file