diff --git a/addons/website/static/src/snippets/s_timeline/000.scss b/addons/website/static/src/snippets/s_timeline/000.scss
index aac6c41cbde..db40b267612 100644
--- a/addons/website/static/src/snippets/s_timeline/000.scss
+++ b/addons/website/static/src/snippets/s_timeline/000.scss
@@ -47,24 +47,21 @@
         }
     }
     .s_timeline_date {
+        position: relative;
+        margin: 20px 0px;
+        padding: 5px;
+        background-color: var(--o-cc-bg, #{$body-bg});
+        text-align: center;
+
         @include media-breakpoint-up(md) {
             position: absolute;
-            left: 0%;
-            right: 0%;
-        }
-        @include media-breakpoint-down(md) {
-            position: relative;
-            margin: 20px 0px;
-        }
-        span:not(.fa) {
-            display: inline-block;
-            padding: 5px;
-            background-color: var(--o-cc-bg, #{$body-bg});
+            left: 50%;
+            transform: translateX(-50%);
         }
+
         .fa {
             margin: 0 $grid-gutter-width/2;
         }
-        text-align: center;
     }
     .s_timeline_icon {
         flex: 0 0 auto;
diff --git a/addons/website/views/snippets/s_timeline.xml b/addons/website/views/snippets/s_timeline.xml
index 889e57b8d06..95dfc584360 100644
--- a/addons/website/views/snippets/s_timeline.xml
+++ b/addons/website/views/snippets/s_timeline.xml
@@ -1,6 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
 
+<!--
+TODO review s_timeline_date XML structure (useless <span> that the editor
+actually removes because it judges them useless)
+-->
 <template name="Timeline" id="s_timeline">
     <section class="s_timeline pt24 pb48">
         <div class="container s_timeline_line">