diff --git a/src/client/src/components/todos/todoItem.tsx b/src/client/src/components/todos/todoItem.tsx
index 7cbf02e..a468532 100644
--- a/src/client/src/components/todos/todoItem.tsx
+++ b/src/client/src/components/todos/todoItem.tsx
@@ -23,7 +23,9 @@ export const TodoItem: FC<TodoItemProps> = (props) => {
       <div className="flex items-center space-x-4">
         <TodoCheckmark {...props} />
         <div className="flex flex-col md:flex-row flex-grow gap-0.5 md:gap-2 pr-6">
-          <div className="flex-grow w-full break-all">{props.todo.title}</div>
+          <div className="flex-grow w-full break-all text-sm">
+            {props.todo.title}
+          </div>
           <div>
             {props.displayProject && props.todo.project && (
               <div className="text-gray-500 text-xs text-right whitespace-nowrap place-self-end">
@@ -41,6 +43,8 @@ export const TodoItem: FC<TodoItemProps> = (props) => {
         }}
         interactive={true}
         interactiveBorder={20}
+        delay={0}
+        duration={0}
         content={
           <div
             className="p-4 bg-gray-700 border border-accent-500 rounded-xl flex flex-col gap-4"