diff --git a/src/webcomponents/clinical/filters/clinical-priority-filter.js b/src/webcomponents/clinical/filters/clinical-priority-filter.js
index 4211721c8e..4886bc390d 100644
--- a/src/webcomponents/clinical/filters/clinical-priority-filter.js
+++ b/src/webcomponents/clinical/filters/clinical-priority-filter.js
@@ -15,7 +15,7 @@
  */
 
 import {LitElement, html} from "lit";
-import "../../commons/forms/select-field-filter.js";
+import "../../commons/forms/select-field-filter2.js";
 
 export default class ClinicalPriorityFilter extends LitElement {
 
@@ -84,16 +84,18 @@ export default class ClinicalPriorityFilter extends LitElement {
 
     render() {
         return html`
-            <select-field-filter
+            <select-field-filter2
                 .data="${this.priorities}"
                 .value=${this.priority}
-                .placeholder="${this.placeholder}"
-                .multiple="${this.multiple}"
-                .forceSelection="${this.forceSelection}"
+                .config="${{
+                    placeholder: this.placeholder,
+                    multiple: this.multiple,
+                    liveSearch: false,
+                    disabled: this.disabled,
+                }}"
                 .classes="${this.classes}"
-                .disabled="${this.disabled}"
                 @filterChange="${e => this.filterChange(e)}">
-            </select-field-filter>
+            </select-field-filter2>
 
             <!-- Only show description when one single values is expected -->
             ${!this.multiple && this.priorityObject?.description ? html`