diff --git a/addons/project_todo/static/src/components/todo_editable_breadcrumb_name/todo_editable_breadcrumb_name.scss b/addons/project_todo/static/src/components/todo_editable_breadcrumb_name/todo_editable_breadcrumb_name.scss
index 6d70e1dab9c..bffa0ea8f6d 100644
--- a/addons/project_todo/static/src/components/todo_editable_breadcrumb_name/todo_editable_breadcrumb_name.scss
+++ b/addons/project_todo/static/src/components/todo_editable_breadcrumb_name/todo_editable_breadcrumb_name.scss
@@ -4,7 +4,13 @@
     overflow: hidden;
     border: none;
     padding: 0px 5px 0px 2px;
-    color: $o-brand-secondary;
+    color: $o-gray-700;
+    border-bottom: $input-border-width solid transparent;
+    transition: border-color 0.3s;
+
+    &:hover {
+        border-bottom-color: $o-brand-primary;
+    }
 
     &:focus {
         outline: 1px solid #ccc;
@@ -25,6 +31,3 @@
     }
 }
 
-.o_todo_breadcrumb_name_input:hover {
-    border-bottom: $input-border-width solid $o-brand-primary;
-}