diff --git a/src/client/src/components/todos/todoItem.tsx b/src/client/src/components/todos/todoItem.tsx
index 3e629f8..7e5ed96 100644
--- a/src/client/src/components/todos/todoItem.tsx
+++ b/src/client/src/components/todos/todoItem.tsx
@@ -32,7 +32,7 @@ export const TodoItem: FC<TodoItemProps> = (props) => {
         </div>
       </div>
       <div
-        className={`absolute left-full top-1/2 w-4 h-4  box-content p-2 rounded-md hover:bg-gray-300 active:bg-gray-400 transition group`}
+        className={`absolute left-full top-1/2 w-4 h-4  box-content ml-2 p-2 rounded-md hover:bg-gray-300 active:bg-gray-400 transition group`}
         style={{ transform: "translate(0px, -50%)" }}
       >
         {isHovering && (