diff --git a/addons/web/static/src/img/form_steps_separator_v3.png b/addons/web/static/src/img/form_steps_separator_v3.png
new file mode 100644
index 00000000000..f5d65164740
Binary files /dev/null and b/addons/web/static/src/img/form_steps_separator_v3.png differ
diff --git a/addons/web/static/src/img/form_steps_separator_v4.png b/addons/web/static/src/img/form_steps_separator_v4.png
new file mode 100644
index 00000000000..aba43420a7e
Binary files /dev/null and b/addons/web/static/src/img/form_steps_separator_v4.png differ
diff --git a/addons/web/static/src/js/view_form.js b/addons/web/static/src/js/view_form.js
index 76469461677..75ff1f1a1f0 100644
--- a/addons/web/static/src/js/view_form.js
+++ b/addons/web/static/src/js/view_form.js
@@ -4706,7 +4706,7 @@ instance.web.form.FieldStatus = instance.web.form.AbstractField.extend({
             _.each(elemts, function(element){
                 $item = $(element);
                 if ($item.attr("data-id") != self.selected_value) {
-                    $item.attr("style", "cursor: pointer; background: #ba3d37;");
+                    $item.attr("style", "cursor: pointer; background: #ba3d37; position: relative; left: 5px;");
                     $item.parent().attr("style", "background: #ba3d37;");
                     $item.click(function(event){
                         var data_id = parseInt($(this).attr("data-id"))
@@ -4715,7 +4715,7 @@ instance.web.form.FieldStatus = instance.web.form.AbstractField.extend({
                         });
                     });
                 } else {
-                    $item.attr("style", "background: #8a89ba;");
+                    $item.attr("style", "background: #8a89ba; position: relative; left: 5px;");
                     $item.parent().attr("style", "background: #8a89ba;");
                 }
             });
diff --git a/addons/web/static/src/xml/base.xml b/addons/web/static/src/xml/base.xml
index 2bf636c3dce..d597d399467 100644
--- a/addons/web/static/src/xml/base.xml
+++ b/addons/web/static/src/xml/base.xml
@@ -1032,10 +1032,8 @@
     <t t-set="size" t-value="widget.to_show.length"/>
     <t t-foreach="_.range(size)" t-as="i">
         <li t-att-class="widget.to_show[i][0] === widget.selected_value ? 'oe_form_steps_active' : ''">
-                <span class="oe_form_steps_item" t-att-data-id="widget.to_show[i][0]"><t t-esc="widget.to_show[i][1]"/></span>
-                <span>
-                    <img t-att-src='_s + "/web/static/src/img/form_steps_separator_v2.png"' style="position: relative; left: 10px; top: 1px;" class="oe_form_steps_arrow" t-if="i &lt; size - 1"/>
-                </span>
+            <span class="oe_form_steps_item" t-att-data-id="widget.to_show[i][0]"><t t-esc="widget.to_show[i][1]"/></span>
+            <img t-att-src='_s + "/web/static/src/img/form_steps_separator_v4.png"' style="position: relative; left: 10px; height: 30px" class="oe_form_steps_arrow" t-if="i &lt; size - 1"/>
             <!-- <img t-att-src='_s + "/web/static/src/img/form_steps_separator.png"' class="oe_form_steps_arrow" t-if="i &lt; size - 1"/> -->
         </li>
     </t>