diff --git a/addons/web/static/src/js/form.js b/addons/web/static/src/js/form.js
index fb3c56ea068..17f7efc4a14 100644
--- a/addons/web/static/src/js/form.js
+++ b/addons/web/static/src/js/form.js
@@ -2482,12 +2482,13 @@ openerp.web.form.FieldStatus = openerp.web.form.Field.extend({
     template: "FieldStatus",
     start: function() {
         this._super();
-        this.selected_item = null;
+        this.selected_index = null;
         this.render_list();
     },
     set_value: function(value) {
         this._super(value);
-        this.selected_item = value;
+        var select = _.detect(this.field.selection, function(x) { return x[0] === value; });
+        this.selected_index = _.indexOf(this.field.selection, select);
         this.render_list();
     },
     render_list: function() {
diff --git a/addons/web/static/src/xml/base.xml b/addons/web/static/src/xml/base.xml
index 02c013d954a..3719d4744ef 100644
--- a/addons/web/static/src/xml/base.xml
+++ b/addons/web/static/src/xml/base.xml
@@ -1384,7 +1384,7 @@
     <ul class="oe-arrow-list">
         <t t-set="size" t-value="widget.field.selection.length"/>
         <t t-foreach="_.range(size)" t-as="i">
-            <li>
+            <li t-att-class="i === widget.selected_index ? 'oe-arrow-list-selected' : ''">
                 <span class="oe-arrow-list-before" t-if="i &gt; 0"></span><span><t t-esc="widget.field.selection[i][1]"/></span><span class="oe-arrow-list-after" t-if="i &lt; size - 1"></span>
             </li>
         </t>