diff --git a/addons/hr_timesheet/views/project_views.xml b/addons/hr_timesheet/views/project_views.xml
index 6608bfa4165..f5ade504c73 100644
--- a/addons/hr_timesheet/views/project_views.xml
+++ b/addons/hr_timesheet/views/project_views.xml
@@ -233,10 +233,14 @@
                 <templates position="before">
                     <field name="progress" />
                     <field name="remaining_hours" />
+                    <field name="planned_hours" />
                 </templates>
                 <div class="oe_kanban_bottom_left" position="inside">
-                   <t t-if="record.progress.raw_value &gt; 80 and record.progress.raw_value &lt; 100">
-                       <div t-att-class="'oe_kanban_align badge badge-' + (record.progress.raw_value &gt;= 99 ? 'danger': 'warning')" title="Remaining hours">
+                   <t t-if="record.planned_hours.raw_value &gt; 0">
+                        <t t-set="badge" t-value="" t-if="record.progress.raw_value &lt; 80"/>
+                        <t t-set="badge" t-value="'badge-warning'" t-if="record.progress.raw_value &gt;= 80 and record.progress.raw_value &lt;= 100"/>
+                        <t t-set="badge" t-value="'badge-danger'" t-if="record.remaining_hours.raw_value &lt; 0"/>
+                       <div t-attf-class="oe_kanban_align badge {{ badge }}" title="Remaining hours">
                             <field name="remaining_hours" widget="float_time" />
                        </div>
                    </t>
diff --git a/addons/project/static/src/css/project.css b/addons/project/static/src/css/project.css
index e3c9656063c..f1599a7b21d 100644
--- a/addons/project/static/src/css/project.css
+++ b/addons/project/static/src/css/project.css
@@ -51,3 +51,17 @@
   max-width: 688px;
   margin-right: auto;
 }
+
+.o_kanban_project_tasks .badge {
+  background: inherit;
+  color: inherit;
+  border: 1px solid var(--success);
+}
+
+.o_kanban_project_tasks .badge-warning {
+  border-color: var(--warning);
+}
+
+.o_kanban_project_tasks .badge-danger {
+  border-color: var(--danger);
+}