diff --git a/addons/web/static/src/js/search.js b/addons/web/static/src/js/search.js
index 84dcbafa3b1..167cd25e5e4 100644
--- a/addons/web/static/src/js/search.js
+++ b/addons/web/static/src/js/search.js
@@ -642,15 +642,9 @@ openerp.web.search.FilterGroupFacet = VS.ui.SearchFacet.extend({
         this.setMode('not', 'selected');
 
         var value = this.model.get('value');
-        this.$el.html([
-            '<div class="category oe_filter">',
-                this.model.get('category'),
-            '</div>',
-            '<div class="search_facet_input_container">',
-                value,
-            '</div>',
-            '<div class="search_facet_remove VS-icon VS-icon-cancel"></div>'
-        ].join(''));
+        this.$el.html(QWeb.render('SearchView.filters.facet', {
+            facet: this.model
+        }));
         // virtual input so SearchFacet code has something to play with
         this.box = $('<input>').val(value);
 
diff --git a/addons/web/static/src/xml/base.xml b/addons/web/static/src/xml/base.xml
index 49eabad21de..f866dcdde6a 100644
--- a/addons/web/static/src/xml/base.xml
+++ b/addons/web/static/src/xml/base.xml
@@ -1304,6 +1304,15 @@
         <t t-esc="filter.attrs.string or filter.attrs.name or 'Ω'"/>
     </li>
 </ul>
+<t t-name="SearchView.filters.facet">
+    <div class="category oe_filter_category"><t t-esc="facet.get('category')"/></div>
+
+    <div class="search_facet_input_container">
+        <t t-esc="facet.get('value')"/>
+    </div>
+
+    <div class="search_facet_remove VS-icon VS-icon-cancel"/>
+</t>
 <t t-name="SearchView.field">
     <label t-att-class="'oe_label' + (attrs.help ? '_help' : '')"
            t-att-title="attrs.help"