diff --git a/addons/project/static/src/scss/project_widgets.scss b/addons/project/static/src/scss/project_widgets.scss
index e2bc26d57f4..3271bb3e9d3 100644
--- a/addons/project/static/src/scss/project_widgets.scss
+++ b/addons/project/static/src/scss/project_widgets.scss
@@ -15,7 +15,7 @@
     }
     &.o_field_widget {
         span {
-            margin-bottom: 4px;
+            display: inline-block;
         }
     }
 }
diff --git a/addons/project/static/src/xml/project_templates.xml b/addons/project/static/src/xml/project_templates.xml
index ea98a13b8e1..b8ff2498f44 100644
--- a/addons/project/static/src/xml/project_templates.xml
+++ b/addons/project/static/src/xml/project_templates.xml
@@ -15,7 +15,7 @@
         </table>
     </t>
 
-    <span t-name="project.statusWithColor" t-att-class="'o_status_bubble o_color_bubble_' + color"></span>
+    <span t-name="project.statusWithColor" t-att-class="'o_status_bubble mr-2 o_color_bubble_' + color"></span>
 
     <div t-name="project.ControlPanel" t-inherit="web.Legacy.ControlPanel" t-inherit-mode="extension" owl="1">
         <xpath expr="//ol[hasclass('breadcrumb')]" position="inside">