diff --git a/addons/web/static/src/scss/search_panel.scss b/addons/web/static/src/scss/search_panel.scss
index deac73754d1..0c7b2266a25 100644
--- a/addons/web/static/src/scss/search_panel.scss
+++ b/addons/web/static/src/scss/search_panel.scss
@@ -1,4 +1,5 @@
 // ------- View with SearchPanel -------
+$o-searchpanel-active-bg: rgba(108, 193, 237, 0.3);
 $o-searchpanel-p: $o-horizontal-padding;
 $o-searchpanel-p-small: $o-horizontal-padding*0.5;
 $o-searchpanel-p-tiny: $o-searchpanel-p-small*0.5;
@@ -31,10 +32,12 @@ $o-searchpanel-filter-default-color: #D59244;
         }
 
         .o_search_panel_label {
+            display: flex;
             cursor: pointer;
             user-select: none;
 
             .o_toggle_fold {
+                margin-left: auto;
                 padding: 3px;
             }
         }
@@ -53,16 +56,22 @@ $o-searchpanel-filter-default-color: #D59244;
             }
             span.o_search_panel_label_title {
                 color: $headings-color;
-                @include o-text-overflow(inline-block, calc(100% - 22px));
+                @include o-text-overflow;
             }
             header.active {
-                background-color: $list-group-action-active-bg;
+                background-color: $o-searchpanel-active-bg;
             }
         }
         .o_search_panel_category_value {
+            cursor: pointer;
             header {
-                margin-left: -$o-searchpanel-p-tiny;
-                padding-left: $o-searchpanel-p-tiny;
+                margin-top: -4px;
+                margin-bottom: -4px;
+                padding: 4px 7px;
+
+                .o_toggle_fold {
+                    padding-left: 11px;
+                }
             }
             .o_search_panel_category_value {
                 position: relative;
diff --git a/addons/web/static/src/xml/kanban.xml b/addons/web/static/src/xml/kanban.xml
index aadda505b44..77d2d319d70 100644
--- a/addons/web/static/src/xml/kanban.xml
+++ b/addons/web/static/src/xml/kanban.xml
@@ -243,9 +243,9 @@
         <t t-set="value" t-value="category.values[valueId]"/>
         <li class="o_search_panel_category_value border-0 list-group-item" t-att-data-id="value.id" t-att-data-category-id="category.id">
             <header t-att-class="'list-group-item-action' + (value.id === category.activeValueId ? ' active' : '')">
-                <label t-att-for="value.display_name" class="o_search_panel_label mb0 d-block">
-                    <i t-if="value.childrenIds.length" t-att-class="'fa fa-fw pull-right o_toggle_fold ' + (value.folded ? 'fa-caret-left' : 'fa-caret-down')"/>
+                <label t-att-for="value.display_name" class="o_search_panel_label mb0">
                     <span class="o_search_panel_label_title"><t t-esc="value.display_name"/></span>
+                    <i t-if="value.childrenIds.length" t-attf-class="fa fa-fw o_toggle_fold {{value.folded ? 'fa-caret-left' : 'fa-caret-down'}}"/>
                 </label>
             </header>
             <ul t-if="!value.folded" class="list-group d-block">