diff --git a/web_responsive/static/src/components/search_panel/search_panel.esm.js b/web_responsive/static/src/components/search_panel/search_panel.esm.js
index c6999e2b6ed1..f99d0ce439b8 100644
--- a/web_responsive/static/src/components/search_panel/search_panel.esm.js
+++ b/web_responsive/static/src/components/search_panel/search_panel.esm.js
@@ -43,6 +43,7 @@ patch(SearchPanel.prototype, "web_responsive.SearchPanelMobile", {
             }
             if (filterValues.length) {
                 selection.push({
+                    id: filter.id,
                     values: filterValues,
                     icon: filter.icon,
                     color: filter.color,
diff --git a/web_responsive/static/src/components/search_panel/search_panel.xml b/web_responsive/static/src/components/search_panel/search_panel.xml
index a30d39cface9..2db47da0f482 100644
--- a/web_responsive/static/src/components/search_panel/search_panel.xml
+++ b/web_responsive/static/src/components/search_panel/search_panel.xml
@@ -12,7 +12,7 @@
                 <div class="d-flex flex-wrap align-items-center">
                     <i class="fa fa-fw fa-filter mr-1" />
                     <t t-set="filters" t-value="getActiveSummary()" />
-                    <span t-foreach="filters" t-as="filter" class="mx-1">
+                    <span t-foreach="filters" t-as="filter" t-key="filter.id" class="mx-1">
                         <i
                             t-if="filter.icon"
                             t-attf-class="fa {{ filter.icon }} mr-2"