diff --git a/src/webcomponents/commons/filters-toolbar.js b/src/webcomponents/commons/filters-toolbar.js
index 4cd7aff862..a8bc2b3b01 100644
--- a/src/webcomponents/commons/filters-toolbar.js
+++ b/src/webcomponents/commons/filters-toolbar.js
@@ -22,8 +22,11 @@ export default class FiltersToolbar extends LitElement {
             opencgaSession: {
                 type: Object
             },
-            query: {
-                type: Object
+            preparedQuery: {
+                type: Object,
+            },
+            executedQuery: {
+                type: Object,
             },
             resource: {
                 type: String,
@@ -53,12 +56,11 @@ export default class FiltersToolbar extends LitElement {
         this._prefix = UtilsNew.randomString(8);
         this._config = this.getDefaultConfig();
 
-        this.query = {};
         this.searchActive = true;
-
-        this.queryList = [];
         this.preparedQuery = {};
+        this.executedQuery = {};
 
+        this.queryList = [];
         this.quickFilters = [];
         this.applicationFilters = [];
         this.userFilters = [];
@@ -75,10 +77,14 @@ export default class FiltersToolbar extends LitElement {
             this.opencgaSessionObserver();
         }
 
-        if (changedProperties.has("query")) {
+        if (changedProperties.has("preparedQuery") || changedProperties.has("executedQuery")) {
             this.queryObserver();
         }
 
+        if (changedProperties.has("executedQuery")) {
+            this.updateHistory();
+        }
+
         super.update(changedProperties);
     }
 
@@ -104,13 +110,67 @@ export default class FiltersToolbar extends LitElement {
     }
 
     queryObserver() {
-        this.preparedQuery = UtilsNew.objectClone(this.query);
-        this.updateQueryList();
+        this.queryList = [];
 
-        // update the history only if it is empty
-        if (this.historyFilters.length === 0) {
-            this.updateHistory();
-        }
+        Object.keys(this.preparedQuery).forEach(key => {
+            if (!!this.preparedQuery[key] && (!this._config.activeFilters.hiddenFields || !this._config.activeFilters.hiddenFields.includes(key))) {
+                // We use the alias to rename the key
+                let title = key;
+
+                if (this._config?.activeFilters?.alias && this._config.activeFilters.alias[key]) {
+                    title = this._config.activeFilters.alias[key];
+                }
+
+                // We convert the Query entry object into an array of small objects (queryList)
+                let value = this.preparedQuery[key];
+                if (typeof value === "boolean") {
+                    value = value.toString();
+                }
+
+                let filterFields = [];
+
+                // in case of annotation
+                if (key === "annotation") {
+                    filterFields = value.split(";");
+                } else if (key === "study") {
+                    // We fist have need to remove defaultStudy from 'filterFields' and 'value'
+                    filterFields = value.split(/[,;]/).filter(fqn => fqn !== this.opencgaSession?.study?.fqn);
+                    // defaultStudy was the only one present so no need to render anything
+                    if (!filterFields.length) {
+                        return;
+                    }
+                    value = filterFields.join(/[,;]/);
+                } else {
+                    // Check if the field has been defined as complex
+                    const complexField = (this._config?.activeFilters?.complexFields || [])
+                        .find(item => item.id === key);
+
+                    if (complexField) {
+                        filterFields = complexField?.separator ? value.split(complexField.separator) : UtilsNew.splitByRegex(value, complexField.separatorRegex);
+                    } else if (value.indexOf(";") !== -1 && value.indexOf(",") !== -1) {
+                        // If we find a field with both ; and , we will separate by ;
+                        filterFields = value.split(";");
+                    } else {
+                        filterFields = value.split(new RegExp("[,;]"));
+                    }
+                }
+
+                // Check if the field is locked
+                const locked = !!this.lockedFieldsMap[key];
+                const lockedTooltip = locked ? this.lockedFieldsMap[key].message : "";
+
+                // separator used in the text in case that we only have one filter field
+                const separator = (value.indexOf(">") !== -1 || value.indexOf("<") !== -1 || value.indexOf("=") !== -1) ? ": " : " = ";
+
+                this.queryList.push({
+                    name: key,
+                    text: filterFields.length === 1 ? title + separator + value : title,
+                    items: filterFields,
+                    locked: locked,
+                    message: lockedTooltip,
+                });
+            }
+        });
     }
 
     configObserver() {
@@ -161,7 +221,7 @@ export default class FiltersToolbar extends LitElement {
     updateHistory() {
         // 1. remove all identical filters
         const history = this.historyFilters.filter(historyItem => {
-            return JSON.stringify(historyItem.query) !== JSON.stringify(this.preparedQuery);
+            return JSON.stringify(historyItem.query) !== JSON.stringify(this.executedQuery);
         });
 
         // 2. remove previous latest
@@ -173,7 +233,7 @@ export default class FiltersToolbar extends LitElement {
         history.unshift({
             id: UtilsNew.dateFormatter(UtilsNew.getDatetime(), "HH:mm:ss"),
             // date: UtilsNew.getDatetime(),
-            query: UtilsNew.objectClone(this.preparedQuery),
+            query: UtilsNew.objectClone(this.executedQuery),
             latest: true,
         });
 
@@ -182,67 +242,7 @@ export default class FiltersToolbar extends LitElement {
     }
 
     updateQueryList() {
-        this.queryList = [];
-
-        Object.keys(this.preparedQuery).forEach(key => {
-            if (!!this.preparedQuery[key] && (!this._config.activeFilters.hiddenFields || !this._config.activeFilters.hiddenFields.includes(key))) {
-                // We use the alias to rename the key
-                let title = key;
-
-                if (this._config?.activeFilters?.alias && this._config.activeFilters.alias[key]) {
-                    title = this._config.activeFilters.alias[key];
-                }
-
-                // We convert the Query entry object into an array of small objects (queryList)
-                let value = this.preparedQuery[key];
-                if (typeof value === "boolean") {
-                    value = value.toString();
-                }
-
-                let filterFields = [];
-
-                // in case of annotation
-                if (key === "annotation") {
-                    filterFields = value.split(";");
-                } else if (key === "study") {
-                    // We fist have need to remove defaultStudy from 'filterFields' and 'value'
-                    filterFields = value.split(/[,;]/).filter(fqn => fqn !== this.opencgaSession?.study?.fqn);
-                    // defaultStudy was the only one present so no need to render anything
-                    if (!filterFields.length) {
-                        return;
-                    }
-                    value = filterFields.join(/[,;]/);
-                } else {
-                    // Check if the field has been defined as complex
-                    const complexField = (this._config?.activeFilters?.complexFields || [])
-                        .find(item => item.id === key);
-
-                    if (complexField) {
-                        filterFields = complexField?.separator ? value.split(complexField.separator) : UtilsNew.splitByRegex(value, complexField.separatorRegex);
-                    } else if (value.indexOf(";") !== -1 && value.indexOf(",") !== -1) {
-                        // If we find a field with both ; and , we will separate by ;
-                        filterFields = value.split(";");
-                    } else {
-                        filterFields = value.split(new RegExp("[,;]"));
-                    }
-                }
-
-                // Check if the field is locked
-                const locked = !!this.lockedFieldsMap[key];
-                const lockedTooltip = locked ? this.lockedFieldsMap[key].message : "";
-
-                // separator used in the text in case that we only have one filter field
-                const separator = (value.indexOf(">") !== -1 || value.indexOf("<") !== -1 || value.indexOf("=") !== -1) ? ": " : " = ";
-
-                this.queryList.push({
-                    name: key,
-                    text: filterFields.length === 1 ? title + separator + value : title,
-                    items: filterFields,
-                    locked: locked,
-                    message: lockedTooltip,
-                });
-            }
-        });
+        return null;
     }
 
     saveFilter() {
@@ -358,39 +358,43 @@ export default class FiltersToolbar extends LitElement {
         // Example: REST accepts filter and qual while filter returns FILTER and QUALITY
         //  - key: {filter: "FILTER", qual: "QUALITY"}
         //  - value: {FILTER: "pass", QUALITY: "25"}
+        const query = UtilsNew.objectClone(this.preparedQuery);
+
         if (typeof key === "object" && typeof value === "object") {
             Object.values(key).forEach(k => {
                 if (value[k] && value[k] !== "") {
-                    this.preparedQuery[k] = value[k];
+                    query[k] = value[k];
                 } else {
-                    delete this.preparedQuery[k];
+                    delete query[k];
                 }
             });
         } else {
             if (!!value) {
-                this.preparedQuery[key] = value;
+                query[key] = value;
             } else {
-                delete this.preparedQuery[key];
+                delete query[key];
             }
         }
 
-        this.notifyQuery(this.preparedQuery);
+        this.notifyQuery(query);
     }
 
     onFilterDelete(key, value) {
+        const query = UtilsNew.objectClone(this.preparedQuery);
+
         // in case that we want to remove the whole filter, or the filter has a single value
-        if (!value || this.preparedQuery[key] === value) {
-            delete this.preparedQuery[key];
+        if (!value || query[key] === value) {
+            delete query[key];
         } else {
             let filterFields = [];
             const complexField = (this._config?.complexFields || []).find(item => item.id === key);
 
             if (complexField) {
-                filterFields = complexField?.separator ? this.preparedQuery[key].split(complexField.separator) : UtilsNew.splitByRegex(this.preparedQuery[key], complexField.separatorRegex);
+                filterFields = complexField?.separator ? query[key].split(complexField.separator) : UtilsNew.splitByRegex(query[key], complexField.separatorRegex);
             } else if (value.indexOf(";") !== -1 && value.indexOf(",") !== -1) {
-                filterFields = this.preparedQuery[key].split(";"); // If we find a field with both ; and , we will separate by ;
+                filterFields = query[key].split(";"); // If we find a field with both ; and , we will separate by ;
             } else {
-                filterFields = this.preparedQuery[key].split(new RegExp("[,;]"));
+                filterFields = query[key].split(new RegExp("[,;]"));
             }
 
             // remove value from filterFields
@@ -398,35 +402,29 @@ export default class FiltersToolbar extends LitElement {
 
             // restore the query field
             if (complexField) {
-                this.preparedQuery[key] = complexField?.separator ? filterFields.join(complexField.separator) : filterFields.join(",");
+                query[key] = complexField?.separator ? filterFields.join(complexField.separator) : filterFields.join(",");
             } else if (value.indexOf(";") !== -1 && value.indexOf(",") !== -1) {
-                this.preparedQuery[key] = filterFields.join(";");
-            } else if (this.preparedQuery[key].indexOf(",") !== -1) {
-                this.preparedQuery[key] = filterFields.join(",");
+                query[key] = filterFields.join(";");
+            } else if (query[key].indexOf(",") !== -1) {
+                query[key] = filterFields.join(",");
             } else {
-                this.preparedQuery[key] = filterFields.join(";");
+                query[key] = filterFields.join(";");
             }
         }
 
-        this.notifySearch(this.preparedQuery);
-        this.updateHistory();
+        this.notifySearch(query);
     }
 
     onApplyQuery(query) {
-        this.preparedQuery = UtilsNew.objectClone(query || {});
-        this.notifySearch(this.preparedQuery);
-        this.updateHistory();
+        this.notifySearch(query);
     }
 
     onSearch() {
         this.notifySearch(this.preparedQuery);
-        this.updateHistory();
     }
 
     onClear() {
-        this.preparedQuery = {};
-        this.notifySearch(this.preparedQuery);
-        this.updateHistory();
+        LitUtils.dispatchCustomEvent(this, "queryClear", null, {});
     }
 
     onSave() {
@@ -435,7 +433,7 @@ export default class FiltersToolbar extends LitElement {
 
     onCopyLink() {
         // 1. Generate the url to the tool with the current query
-        const link = WebUtils.getIVALink(this.opencgaSession, this.toolId, this.query);
+        const link = WebUtils.getIVALink(this.opencgaSession, this.toolId, this.preparedQuery);
 
         // 2. Copy this link to the user clipboard
         UtilsNew.copyToClipboard(link);
@@ -755,6 +753,9 @@ export default class FiltersToolbar extends LitElement {
                 hiddenFields: [],
                 lockedFields: [],
             },
+            save: {
+                ignoreParams: [],
+            },
             sections: [],
             examples: [],
             defaultFilter: {},
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-browser-cancer.js b/src/webcomponents/variant/interpretation/variant-interpreter-browser-cancer.js
index 83c4d3537e..006630a30e 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-browser-cancer.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-browser-cancer.js
@@ -27,7 +27,7 @@ class VariantInterpreterBrowserCancer extends LitElement {
         super();
 
         // Set status and init private properties
-        this._init();
+        this.#init();
     }
 
     createRenderRoot() {
@@ -45,12 +45,12 @@ class VariantInterpreterBrowserCancer extends LitElement {
             opencgaSession: {
                 type: Object
             },
-            // query: {
-            //     type: Object
-            // },
             cellbaseClient: {
                 type: Object
             },
+            title: {
+                type: String,
+            },
             settings: {
                 type: Object
             },
@@ -60,7 +60,7 @@ class VariantInterpreterBrowserCancer extends LitElement {
         };
     }
 
-    _init() {
+    #init() {
         this.COMPONENT_ID = "variant-interpreter-cancer-snv";
         this._prefix = UtilsNew.randomString(8);
 
@@ -75,18 +75,14 @@ class VariantInterpreterBrowserCancer extends LitElement {
         if (changedProperties.has("clinicalAnalysisId")) {
             this.clinicalAnalysisIdObserver();
         }
+
         if (changedProperties.has("clinicalAnalysis")) {
             this.clinicalAnalysisObserver();
         }
-        // if (changedProperties.has("query")) {
-        //     this.queryObserver();
-        // }
+
         super.update(changedProperties);
     }
 
-    /*
-     * Fetch the ClinicalAnalysis object from REST and trigger the observer call.
-     */
     clinicalAnalysisIdObserver() {
         if (this.opencgaSession && this.clinicalAnalysisId) {
             this.opencgaSession.opencgaClient.clinical().info(this.clinicalAnalysisId, {study: this.opencgaSession.study.fqn})
@@ -296,28 +292,15 @@ class VariantInterpreterBrowserCancer extends LitElement {
         }
 
         return {
-            title: "Cancer Case Interpreter",
-            icon: "fas fa-search",
-            active: false,
-            showOtherTools: false,
-            showTitle: false,
+            title: this.title || "SNV Variant Browser",
             filter: {
-                title: "Filter",
-                searchButton: true,
-                searchButtonText: "Search",
                 activeFilters: {
-                    alias: {
-                        // Example:
-                        "ct": "Consequence Types",
-                        "sample": "Sample Genotype"
-                    },
-                    complexFields: [
-                        {id: "sample", separator: ";"},
-                        {id: "fileData", separator: ","},
-                    ],
                     hiddenFields: [],
                     lockedFields: lockedFields,
                 },
+                save: {
+                    ignoreParams: ["study", "sample", "file", "fileData"],
+                },
                 sections: [ // sections and subsections, structure and order is respected
                     {
                         title: "Sample And File",
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-browser-cnv.js b/src/webcomponents/variant/interpretation/variant-interpreter-browser-cnv.js
index f822ea1f99..ff1cc7e6ba 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-browser-cnv.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-browser-cnv.js
@@ -27,7 +27,7 @@ class VariantInterpreterBrowserCNV extends LitElement {
         super();
 
         // Set status and init private properties
-        this._init();
+        this.#init();
     }
 
     createRenderRoot() {
@@ -48,6 +48,9 @@ class VariantInterpreterBrowserCNV extends LitElement {
             cellbaseClient: {
                 type: Object
             },
+            title: {
+                type: String,
+            },
             settings: {
                 type: Object
             },
@@ -57,7 +60,7 @@ class VariantInterpreterBrowserCNV extends LitElement {
         };
     }
 
-    _init() {
+    #init() {
         this.COMPONENT_ID = "variant-interpreter-cancer-cnv";
         this._prefix = UtilsNew.randomString(8);
 
@@ -264,27 +267,15 @@ class VariantInterpreterBrowserCNV extends LitElement {
         }
 
         return {
-            title: "Cancer CNV Case Interpreter",
-            icon: "fas fa-search",
-            active: false,
-            showOtherTools: false,
-            showTitle: false,
+            title: this.title || "Cancer CNV Variant Browser",
             filter: {
-                title: "Filter",
-                searchButton: true,
-                searchButtonText: "Search",
                 activeFilters: {
-                    alias: {
-                        "ct": "Consequence Types",
-                        "sample": "Sample Genotype"
-                    },
-                    complexFields: [
-                        {id: "sample", separator: ";"},
-                        {id: "fileData", separator: ","},
-                    ],
                     hiddenFields: [],
                     lockedFields: lockedFields,
                 },
+                save: {
+                    ignoreParams: ["study", "sample", "file", "fileData"],
+                },
                 sections: [ // sections and subsections, structure and order is respected
                     {
                         title: "Sample And File",
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-browser-rd.js b/src/webcomponents/variant/interpretation/variant-interpreter-browser-rd.js
index e08dd3ff1e..56fcdd1428 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-browser-rd.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-browser-rd.js
@@ -28,7 +28,7 @@ class VariantInterpreterBrowserRd extends LitElement {
         super();
 
         // Set status and init private properties
-        this._init();
+        this.#init();
     }
 
     createRenderRoot() {
@@ -46,12 +46,12 @@ class VariantInterpreterBrowserRd extends LitElement {
             opencgaSession: {
                 type: Object
             },
-            // query: {
-            //     type: Object
-            // },
             cellbaseClient: {
                 type: Object
             },
+            title: {
+                type: String,
+            },
             settings: {
                 type: Object
             },
@@ -61,7 +61,7 @@ class VariantInterpreterBrowserRd extends LitElement {
         };
     }
 
-    _init() {
+    #init() {
         this.COMPONENT_ID = "variant-interpreter-rd";
         this._prefix = UtilsNew.randomString(8);
 
@@ -76,12 +76,11 @@ class VariantInterpreterBrowserRd extends LitElement {
         if (changedProperties.has("clinicalAnalysisId")) {
             this.clinicalAnalysisIdObserver();
         }
+
         if (changedProperties.has("clinicalAnalysis")) {
             this.clinicalAnalysisObserver();
         }
-        // if (changedProperties.has("query")) {
-        //     this.queryObserver();
-        // }
+
         super.update(changedProperties);
     }
 
@@ -314,26 +313,15 @@ class VariantInterpreterBrowserRd extends LitElement {
         }
 
         return {
-            title: "RD Case Interpreter",
-            showSaveInterpretation: true,
-            showOtherTools: true,
-            showTitle: false,
+            title: this.title || "RD Variant Browser",
             filter: {
-                title: "Filter",
-                searchButton: true,
-                searchButtonText: "Search",
                 activeFilters: {
-                    alias: {
-                        "ct": "Consequence Types",
-                        "sample": "Sample Genotype"
-                    },
-                    complexFields: [
-                        {id: "sample", separator: ";"},
-                        {id: "fileData", separator: ","},
-                    ],
                     hiddenFields: [],
                     lockedFields: lockedFields
                 },
+                save: {
+                    ignoreParams: ["study", "sample", "file", "fileData"],
+                },
                 sections: [
                     {
                         title: "Sample",
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-browser-rearrangement.js b/src/webcomponents/variant/interpretation/variant-interpreter-browser-rearrangement.js
index 29e6f1686b..d59a93806a 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-browser-rearrangement.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-browser-rearrangement.js
@@ -47,6 +47,9 @@ class VariantInterpreterBrowserRearrangement extends LitElement {
             cellbaseClient: {
                 type: Object
             },
+            title: {
+                type: String,
+            },
             active: {
                 type: Boolean,
             },
@@ -80,9 +83,6 @@ class VariantInterpreterBrowserRearrangement extends LitElement {
         super.update(changedProperties);
     }
 
-    /*
-     * Fetch the ClinicalAnalysis object from REST and trigger the observer call.
-     */
     clinicalAnalysisIdObserver() {
         if (this.opencgaSession && this.clinicalAnalysisId) {
             this.opencgaSession.opencgaClient.clinical().info(this.clinicalAnalysisId, {study: this.opencgaSession.study.fqn})
@@ -271,23 +271,9 @@ class VariantInterpreterBrowserRearrangement extends LitElement {
 
     getDefaultConfig() {
         return {
-            title: "Cancer Case Interpreter",
-            icon: "fas fa-search",
-            active: false,
-            showOtherTools: false,
-            showTitle: false,
+            title: this.title || "Rearrangement Variant Browser",
             filter: {
-                title: "Filter",
-                searchButton: true,
-                searchButtonText: "Search",
                 activeFilters: {
-                    alias: {
-                        "ct": "Consequence Types"
-                    },
-                    complexFields: [
-                        {id: "sample", separator: ";"},
-                        {id: "fileData", separator: ","},
-                    ],
                     hiddenFields: [],
                     lockedFields: [
                         {id: "sample"},
@@ -296,6 +282,9 @@ class VariantInterpreterBrowserRearrangement extends LitElement {
                         // {id: "fileData"},
                     ],
                 },
+                save: {
+                    ignoreParams: ["study", "sample", "file", "fileData"],
+                },
                 callers: [],
                 sections: [
                     {
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-browser-template.js b/src/webcomponents/variant/interpretation/variant-interpreter-browser-template.js
index 38957a338d..620fe5aec1 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-browser-template.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-browser-template.js
@@ -15,17 +15,18 @@
  */
 
 import {html, LitElement, nothing} from "lit";
-import VariantUtils from "../variant-utils.js";
 import ClinicalAnalysisManager from "../../clinical/clinical-analysis-manager.js";
 import LitUtils from "../../commons/utils/lit-utils.js";
 import OpencgaCatalogUtils from "../../../core/clients/opencga/opencga-catalog-utils.js";
 import UtilsNew from "../../../core/utils-new.js";
+import WebUtils from "../../commons/utils/web-utils.js";
 import Region from "../../../core/bioinfo/region.js";
 import "./variant-interpreter-browser-toolbar.js";
 import "./variant-interpreter-grid.js";
 import "./variant-interpreter-detail.js";
 import "../variant-browser-filter.js";
 import "../../commons/tool-header.js";
+import "../../commons/grid-notifications.js";
 import "../../commons/opencga-active-filters.js";
 import "../../visualization/genome-browser.js";
 import "../../visualization/split-genome-browser.js";
@@ -36,7 +37,7 @@ class VariantInterpreterBrowserTemplate extends LitElement {
         super();
 
         // Set status and init private properties
-        this._init();
+        this.#init();
     }
 
     createRenderRoot() {
@@ -72,12 +73,13 @@ class VariantInterpreterBrowserTemplate extends LitElement {
         };
     }
 
-    _init() {
+    #init() {
         this._prefix = UtilsNew.randomString(8);
 
         this.searchActive = true;
         this.variant = null;
         this.query = {};
+        this.notifications = [];
 
         // Saves the current active view
         this.activeView = "table";
@@ -213,7 +215,8 @@ class VariantInterpreterBrowserTemplate extends LitElement {
         });
     }
 
-    onQueryComplete() {
+    onQueryComplete(event) {
+        this.notifications = WebUtils.getResponseEvents(event.detail.response);
         this.searchActive = true;
         this.requestUpdate();
     }
@@ -307,8 +310,8 @@ class VariantInterpreterBrowserTemplate extends LitElement {
         });
     }
 
-    onActiveFilterClear() {
-        const lockedFields = [...this._config?.filter?.activeFilters?.lockedFields.map(key => key.id)];
+    onVariantFilterClear() {
+        const lockedFields = this._config?.filter?.activeFilters?.lockedFields.map(key => key.id);
         let _query = {
             study: this.opencgaSession.study.fqn
         };
@@ -341,58 +344,35 @@ class VariantInterpreterBrowserTemplate extends LitElement {
         this.requestUpdate();
     }
 
-    renderStyles() {
-        return html `
-            <style>
-                .prioritization-center {
-                    margin: auto;
-                    text-align: justify;
-                    width: 95%;
-                }
-
-                .browser-variant-tab-title {
-                    font-size: 115%;
-                    font-weight: bold;
-                }
-
-                .prioritization-variant-tab-title {
-                    font-size: 115%;
-                    font-weight: bold;
-                }
-
-                .form-section-title {
-                    padding: 5px 0px;
-                    width: 95%;
-                    border-bottom-width: 1px;
-                    border-bottom-style: solid;
-                    border-bottom-color: #ddd
-                }
-
-                #clinicalAnalysisIdText {
-                    padding: 10px;
-                }
-
-                .clinical-analysis-id-wrapper {
-                    padding: 20px;
-                }
-
-                .clinical-analysis-id-wrapper .text-filter-wrapper {
-                    margin: 20px 0;
-                }
-            </style>`;
-    }
-
-    renderViewButton(id, title, icon) {
+    renderHeaderRightContent() {
+        const viewButtons = [
+            {name: "Table View", id: "table", icon: "fa fa-table", visible: true},
+            {name: "Genome Browser", id: "genome-browser", icon: "fas fa-dna", visible: !this.settings?.hideGenomeBrowser},
+        ];
         return html`
-            <button class="${`btn btn-success ${this.activeView === id ? "active" : ""}`}" @click="${() => this.onChangeView(id)}">
-                <i class="${`fa fa-${icon} icon-padding`}" aria-hidden="true"></i>
-                <strong>${title}</strong>
-            </button>
+            <div class="d-flex gap-1 align-items-stretch">
+                <!-- View buttons -->
+                <div class="d-flex align-items-center gap-1 border bg-gray-100 rounded-3 p-1">
+                    ${viewButtons.map(button => html`
+                        <button
+                            class="${`btn ${this.activeView === button.id ? "active bg-primary text-white" : ""} ${!button.visible ? "d-none" : ""}`}"
+                            @click="${() => this.onChangeView(button.id)}">
+                            <i class="fa ${button.icon} me-2"></i>
+                            <strong>${button.name}</strong>
+                        </button>
+                    `)}
+                </div>
+                <!-- Separator and buttons -->
+                <div class="w-px bg-gray-200 mx-1"></div>
+                <grid-notifications
+                    class="d-flex align-items-stretch"
+                    .notifications="${this.notifications || []}">
+                </grid-notifications>
+            </div>
         `;
     }
 
     render() {
-        // Check Project exists
         if (!this.opencgaSession?.study) {
             return nothing;
         }
@@ -400,8 +380,8 @@ class VariantInterpreterBrowserTemplate extends LitElement {
         return html`
             ${this._config.showTitle ? html`
                 <tool-header
-                    title="${this.clinicalAnalysis ? `${this._config.title} (${this.clinicalAnalysis.id})` : this._config.title}"
-                    icon="${this._config.icon}">
+                    .title="${this._config?.title}"
+                    .rightContent="${this.renderHeaderRightContent()}">
                 </tool-header>
             ` : nothing}
 
@@ -413,102 +393,95 @@ class VariantInterpreterBrowserTemplate extends LitElement {
             ` : nothing}
 
             <div class="">
-                <!-- View toolbar -->
-                <div class="d-flex gap-1 mb-3" role="toolbar" aria-label="toolbar">
-                    ${this.renderViewButton("table", "Table View", "table")}
-                    ${!this.settings?.hideGenomeBrowser ? this.renderViewButton("genome-browser", "Genome Browser", "dna") : nothing}
-                </div>
-
                 <!-- Filters toolbar -->
                 <variant-browser-filter
                     .resource="${"VARIANT"}"
                     .opencgaSession="${this.opencgaSession}"
-                    .query="${this.preparedQuery}"
+                    .preparedQuery="${this.preparedQuery}"
+                    .executedQuery="${this.executedQuery}"
                     .searchActive="${this.searchActive ?? false}"
                     .config="${this._config.filter}"
                     @queryChange="${this.onVariantFilterChange}"
-                    @querySearch="${this.onVariantFilterSearch}">
+                    @querySearch="${this.onVariantFilterSearch}"
+                    @queryClear="${this.onVariantFilterClear}">
                 </variant-browser-filter>
 
-                <div class="main-view">
-                    <div id="table-view" class="${`content-tab ${this.activeView === "table" ? "active" : ""}`}">
-                        <!-- Interpreter browser toolbar -->
-                        <variant-interpreter-browser-toolbar
+                <div id="table-view" class="${this.activeView === "table" ? "d-block" : "d-none"}">
+                    <!-- Interpreter browser toolbar -->
+                    <variant-interpreter-browser-toolbar
+                        .clinicalAnalysis="${this.clinicalAnalysis}"
+                        .state="${this.clinicalAnalysisManager.state}"
+                        .variantInclusionState="${this.variantInclusionState || []}"
+                        .write="${OpencgaCatalogUtils.getStudyEffectivePermission(this.opencgaSession.study, this.opencgaSession.user.id, "WRITE_CLINICAL_ANALYSIS", this.opencgaSession.organization?.configuration?.optimizations?.simplifyPermissions)}"
+                        @filterVariants="${this.onFilterVariants}"
+                        @resetVariants="${this.onResetVariants}"
+                        @saveInterpretation="${this.onSaveVariants}">
+                    </variant-interpreter-browser-toolbar>
+
+                    ${!this._config.filter.result.grid.isRearrangement ? html`
+                        <variant-interpreter-grid
+                            .toolId="${this.toolId}"
+                            .opencgaSession="${this.opencgaSession}"
                             .clinicalAnalysis="${this.clinicalAnalysis}"
-                            .state="${this.clinicalAnalysisManager.state}"
-                            .variantInclusionState="${this.variantInclusionState}"
-                            .write="${OpencgaCatalogUtils.getStudyEffectivePermission(this.opencgaSession.study, this.opencgaSession.user.id, "WRITE_CLINICAL_ANALYSIS", this.opencgaSession.organization?.configuration?.optimizations?.simplifyPermissions)}"
-                            @filterVariants="${this.onFilterVariants}"
-                            @resetVariants="${this.onResetVariants}"
-                            @saveInterpretation="${this.onSaveVariants}">
-                        </variant-interpreter-browser-toolbar>
-
+                            .query="${this.executedQuery}"
+                            .review="${true}"
+                            .config="${this._config.filter.result.grid}"
+                            .active="${this.active}"
+                            @queryComplete="${this.onQueryComplete}"
+                            @selectrow="${this.onSelectVariant}"
+                            @updaterow="${this.onUpdateVariant}"
+                            @checkrow="${this.onCheckVariant}"
+                            @settingsUpdate="${this.onSettingsUpdate}">
+                        </variant-interpreter-grid>` : html`
+                        <variant-interpreter-rearrangement-grid
+                            .toolId="${this.toolId}"
+                            .opencgaSession="${this.opencgaSession}"
+                            .clinicalAnalysis="${this.clinicalAnalysis}"
+                            .query="${this.executedQuery}"
+                            .review="${true}"
+                            .config="${this._config.filter.result.grid}"
+                            .active="${this.active}"
+                            @queryComplete="${this.onQueryComplete}"
+                            @selectrow="${this.onSelectVariant}"
+                            @updaterow="${this.onUpdateVariant}"
+                            @checkrow="${this.onCheckVariant}"
+                            @settingsUpdate="${this.onSettingsUpdate}">
+                        </variant-interpreter-rearrangement-grid>`
+                    }
+                    <!-- Bottom tabs with detailed variant information -->
+                    ${this.variant ? html`
+                        <variant-interpreter-detail
+                            .opencgaSession="${this.opencgaSession}"
+                            .clinicalAnalysis="${this.clinicalAnalysis}"
+                            .toolId="${this.toolId}"
+                            .variant="${this.variant}"
+                            .cellbaseClient="${this.cellbaseClient}"
+                            .config="${this._config.filter.detail}">
+                        </variant-interpreter-detail>
+                    ` : nothing}
+                </div>
+                <!-- Genome browser view -->
+                ${!this.settings?.hideGenomeBrowser ? html`
+                    <div id="genome-browser-view" class="${this.activeView === "genome-browser" ? "d-block" : "d-none"}">
                         ${!this._config.filter.result.grid.isRearrangement ? html`
-                            <variant-interpreter-grid
-                                .toolId="${this.toolId}"
-                                .opencgaSession="${this.opencgaSession}"
-                                .clinicalAnalysis="${this.clinicalAnalysis}"
-                                .query="${this.executedQuery}"
-                                .review="${true}"
-                                .config="${this._config.filter.result.grid}"
-                                .active="${this.active}"
-                                @queryComplete="${this.onQueryComplete}"
-                                @selectrow="${this.onSelectVariant}"
-                                @updaterow="${this.onUpdateVariant}"
-                                @checkrow="${this.onCheckVariant}"
-                                @settingsUpdate="${this.onSettingsUpdate}">
-                            </variant-interpreter-grid>` : html`
-                            <variant-interpreter-rearrangement-grid
-                                .toolId="${this.toolId}"
+                            <genome-browser
                                 .opencgaSession="${this.opencgaSession}"
-                                .clinicalAnalysis="${this.clinicalAnalysis}"
-                                .query="${this.executedQuery}"
-                                .review="${true}"
-                                .config="${this._config.filter.result.grid}"
-                                .active="${this.active}"
-                                @queryComplete="${this.onQueryComplete}"
-                                @selectrow="${this.onSelectVariant}"
-                                @updaterow="${this.onUpdateVariant}"
-                                @checkrow="${this.onCheckVariant}"
-                                @settingsUpdate="${this.onSettingsUpdate}">
-                            </variant-interpreter-rearrangement-grid>`
-                        }
-                        <!-- Bottom tabs with detailed variant information -->
-                        ${this.variant ? html`
-                            <variant-interpreter-detail
+                                .config="${this._config.genomeBrowser.config}"
+                                .region="${this.variant}"
+                                .tracks="${this._config.genomeBrowser.tracks}"
+                                .active="${this.active && this.activeView === "genome-browser"}">
+                            </genome-browser>
+                        ` : html`
+                            <split-genome-browser
                                 .opencgaSession="${this.opencgaSession}"
-                                .clinicalAnalysis="${this.clinicalAnalysis}"
-                                .toolId="${this.toolId}"
-                                .variant="${this.variant}"
-                                .cellbaseClient="${this.cellbaseClient}"
-                                .config="${this._config.filter.detail}">
-                            </variant-interpreter-detail>
-                        ` : nothing}
+                                .config="${this._config.genomeBrowser.config}"
+                                .regions="${this.variant}"
+                                .tracks="${this._config.genomeBrowser.tracks}"
+                                .active="${this.active && this.activeView === "genome-browser"}">
+                            </split-genome-browser>
+                        `}
                     </div>
-                    <!-- Genome browser view -->
-                    ${!this.settings?.hideGenomeBrowser ? html`
-                        <div id="genome-browser-view" class="${`content-tab ${this.activeView === "genome-browser" ? "active" : ""}`}">
-                            ${!this._config.filter.result.grid.isRearrangement ? html`
-                                <genome-browser
-                                    .opencgaSession="${this.opencgaSession}"
-                                    .config="${this._config.genomeBrowser.config}"
-                                    .region="${this.variant}"
-                                    .tracks="${this._config.genomeBrowser.tracks}"
-                                    .active="${this.active && this.activeView === "genome-browser"}">
-                                </genome-browser>
-                            ` : html`
-                                <split-genome-browser
-                                    .opencgaSession="${this.opencgaSession}"
-                                    .config="${this._config.genomeBrowser.config}"
-                                    .regions="${this.variant}"
-                                    .tracks="${this._config.genomeBrowser.tracks}"
-                                    .active="${this.active && this.activeView === "genome-browser"}">
-                                </split-genome-browser>
-                            `}
-                        </div>
-                    ` : nothing}
-                </div>
-            </div>
+                ` : nothing}
             </div>
         `;
     }
@@ -670,6 +643,7 @@ class VariantInterpreterBrowserTemplate extends LitElement {
         }
 
         return {
+            showTitle: true,
             genomeBrowser: {
                 config: genomeBrowserConfig,
                 tracks: genomeBrowserTracks,
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-browser.js b/src/webcomponents/variant/interpretation/variant-interpreter-browser.js
index 59024ec78c..59701fc2db 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-browser.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-browser.js
@@ -16,7 +16,6 @@
 
 import {LitElement, html} from "lit";
 import UtilsNew from "../../../core/utils-new.js";
-import Region from "../../../core/bioinfo/region.js";
 import {guardPage} from "../../commons/html-utils.js";
 import "./variant-interpreter-browser-rd.js";
 import "./variant-interpreter-browser-cancer.js";
@@ -30,7 +29,7 @@ class VariantInterpreterBrowser extends LitElement {
         super();
 
         // Set status and init private properties
-        this._init();
+        this.#init();
     }
 
     createRenderRoot() {
@@ -57,7 +56,7 @@ class VariantInterpreterBrowser extends LitElement {
         };
     }
 
-    _init() {
+    #init() {
         this._prefix = UtilsNew.randomString(8);
         this._activeTab = null;
 
@@ -159,20 +158,16 @@ class VariantInterpreterBrowser extends LitElement {
                             hideGenomeBrowser: !!this.settings.hideGenomeBrowser,
                         };
                         return html`
-                            <div class="col-md-12">
-                                <tool-header
-                                    title="Small Variants - ${this._sample?.id}"
-                                    class="bg-white"></tool-header>
-                                <variant-interpreter-browser-rd
-                                    .opencgaSession="${opencgaSession}"
-                                    .clinicalAnalysis="${clinicalAnalysis}"
-                                    .cellbaseClient="${this.cellbaseClient}"
-                                    .settings="${browserSettings}"
-                                    .active="${active}"
-                                    @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}"
-                                    @samplechange="${this.onSampleChange}">
-                                </variant-interpreter-browser-rd>
-                            </div>
+                            <variant-interpreter-browser-rd
+                                .opencgaSession="${opencgaSession}"
+                                .clinicalAnalysis="${clinicalAnalysis}"
+                                .cellbaseClient="${this.cellbaseClient}"
+                                .title="${"Small Variants - " + this._sample?.id}"
+                                .settings="${browserSettings}"
+                                .active="${active}"
+                                @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}"
+                                @samplechange="${this.onSampleChange}">
+                            </variant-interpreter-browser-rd>
                         `;
                     }
                 });
@@ -189,19 +184,15 @@ class VariantInterpreterBrowser extends LitElement {
                                 hideGenomeBrowser: !!this.settings.hideGenomeBrowser,
                             };
                             return html`
-                                <div class="col-md-12">
-                                    <tool-header
-                                        title="Somatic Variant Browser - ${this._somaticSample?.id}"
-                                        class="bg-white"></tool-header>
-                                    <variant-interpreter-browser-cancer
-                                        .opencgaSession="${opencgaSession}"
-                                        .clinicalAnalysis="${clinicalAnalysis}"
-                                        .cellbaseClient="${this.cellbaseClient}"
-                                        .settings="${browserSettings}"
-                                        .active="${active}"
-                                        @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
-                                    </variant-interpreter-browser-cancer>
-                                </div>
+                                <variant-interpreter-browser-cancer
+                                    .opencgaSession="${opencgaSession}"
+                                    .clinicalAnalysis="${clinicalAnalysis}"
+                                    .cellbaseClient="${this.cellbaseClient}"
+                                    .title="${"Somatic Variant Browser - " + this._somaticSample?.id}"
+                                    .settings="${browserSettings}"
+                                    .active="${active}"
+                                    @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
+                                </variant-interpreter-browser-cancer>
                             `;
                         }
                     });
@@ -218,21 +209,16 @@ class VariantInterpreterBrowser extends LitElement {
                                     hideGenomeBrowser: !!this.settings.hideGenomeBrowser,
                                 };
                                 return html`
-                                    <div class="col-md-12">
-                                        <tool-header
-                                            title="Somatic CNV Variant Browser - ${this._somaticSample?.id}"
-                                            class="bg-white">
-                                        </tool-header>
-                                        <variant-interpreter-browser-cnv
-                                            .opencgaSession="${opencgaSession}"
-                                            .clinicalAnalysis="${clinicalAnalysis}"
-                                            .query="${this.query}"
-                                            .cellbaseClient="${this.cellbaseClient}"
-                                            .settings="${browserSettings}"
-                                            .active="${active}"
-                                            @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
-                                        </variant-interpreter-browser-cnv>
-                                    </div>
+                                    <variant-interpreter-browser-cnv
+                                        .opencgaSession="${opencgaSession}"
+                                        .clinicalAnalysis="${clinicalAnalysis}"
+                                        .query="${this.query}"
+                                        .title="${"Somatic CNV Variant Browser - " + this._somaticSample?.id}"
+                                        .cellbaseClient="${this.cellbaseClient}"
+                                        .settings="${browserSettings}"
+                                        .active="${active}"
+                                        @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
+                                    </variant-interpreter-browser-cnv>
                                 `;
                             },
                         });
@@ -249,20 +235,15 @@ class VariantInterpreterBrowser extends LitElement {
                                     hideGenomeBrowser: !!this.settings.hideGenomeBrowser,
                                 };
                                 return html`
-                                    <div class="col-md-12">
-                                        <tool-header
-                                            title="Somatic Rearrangement Variant Browser - ${this._somaticSample?.id}"
-                                            class="bg-white">
-                                        </tool-header>
-                                        <variant-interpreter-browser-rearrangement
-                                            .opencgaSession="${opencgaSession}"
-                                            .clinicalAnalysis="${clinicalAnalysis}"
-                                            .cellbaseClient="${this.cellbaseClient}"
-                                            .settings="${browserSettings}"
-                                            .active="${active}"
-                                            @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
-                                        </variant-interpreter-browser-rearrangement>
-                                    </div>
+                                    <variant-interpreter-browser-rearrangement
+                                        .opencgaSession="${opencgaSession}"
+                                        .clinicalAnalysis="${clinicalAnalysis}"
+                                        .cellbaseClient="${this.cellbaseClient}"
+                                        .title="${"Somatic Rearrangement Variant Browser - " + this._somaticSample?.id}"
+                                        .settings="${browserSettings}"
+                                        .active="${active}"
+                                        @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
+                                    </variant-interpreter-browser-rearrangement>
                                 `;
                             },
                         });
@@ -279,21 +260,16 @@ class VariantInterpreterBrowser extends LitElement {
                                     hideGenomeBrowser: !!this.settings.hideGenomeBrowser,
                                 };
                                 return html`
-                                    <div class="col-md-12">
-                                        <tool-header
-                                            title="Germline Variant Browser - ${this._germlineSample?.id}"
-                                            class="bg-white">
-                                        </tool-header>
-                                        <variant-interpreter-browser-rd
-                                            .opencgaSession="${opencgaSession}"
-                                            .clinicalAnalysis="${clinicalAnalysis}"
-                                            .cellbaseClient="${this.cellbaseClient}"
-                                            .settings="${browserSettings}"
-                                            .active="${active}"
-                                            @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}"
-                                            @samplechange="${this.onSampleChange}">
-                                        </variant-interpreter-browser-rd>
-                                    </div>
+                                    <variant-interpreter-browser-rd
+                                        .opencgaSession="${opencgaSession}"
+                                        .clinicalAnalysis="${clinicalAnalysis}"
+                                        .cellbaseClient="${this.cellbaseClient}"
+                                        .title="${"Germline Variant Browser - " + this._germlineSample?.id}"
+                                        .settings="${browserSettings}"
+                                        .active="${active}"
+                                        @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}"
+                                        @samplechange="${this.onSampleChange}">
+                                    </variant-interpreter-browser-rd>
                                 `;
                             },
                         });
@@ -306,21 +282,16 @@ class VariantInterpreterBrowser extends LitElement {
                                     hideGenomeBrowser: !!this.settings.hideGenomeBrowser,
                                 };
                                 return html`
-                                    <div class="col-md-12">
-                                        <tool-header
-                                            title="Germline Rearrangement Variant Browser - ${this._germlineSample?.id}"
-                                            class="bg-white">
-                                        </tool-header>
-                                        <variant-interpreter-browser-rearrangement
-                                            .opencgaSession="${opencgaSession}"
-                                            .clinicalAnalysis="${clinicalAnalysis}"
-                                            .somatic="${false}"
-                                            .cellbaseClient="${this.cellbaseClient}"
-                                            .settings="${browserSettings}"
-                                            .active="${active}"
-                                            @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
-                                        </variant-interpreter-browser-rearrangement>
-                                    </div>
+                                    <variant-interpreter-browser-rearrangement
+                                        .opencgaSession="${opencgaSession}"
+                                        .clinicalAnalysis="${clinicalAnalysis}"
+                                        .somatic="${false}"
+                                        .cellbaseClient="${this.cellbaseClient}"
+                                        .title="${"Germline Rearrangement Variant Browser - " + this._germlineSample?.id}"
+                                        .settings="${browserSettings}"
+                                        .active="${active}"
+                                        @clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
+                                    </variant-interpreter-browser-rearrangement>
                                 `;
                             },
                         });
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-grid.js b/src/webcomponents/variant/interpretation/variant-interpreter-grid.js
index a194c750ca..06f1950601 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-grid.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-grid.js
@@ -216,7 +216,7 @@ export default class VariantInterpreterGrid extends LitElement {
                 pagination: this._config.pagination,
                 pageSize: this._config.pageSize,
                 pageList: this._config.pageList,
-                paginationVAlign: "both",
+                paginationVAlign: "bottom",
                 formatShowingRows: (pageFrom, pageTo, totalRows) => this.gridCommons.formatShowingRows(pageFrom, pageTo, totalRows, null, this.isApproximateCount),
                 detailView: this._config.detailView,
                 detailFormatter: (value, row) => this.detailFormatter(value, row),
@@ -313,7 +313,6 @@ export default class VariantInterpreterGrid extends LitElement {
                         });
                 },
                 responseHandler: response => {
-                    this.gridCommons.displayResponseWarningEvents(response);
                     const result = this.gridCommons.responseHandler(response, $(this.table).bootstrapTable("getOptions"));
                     return result.response;
                 },
@@ -421,7 +420,7 @@ export default class VariantInterpreterGrid extends LitElement {
             pagination: this._config.pagination,
             pageSize: this._config.pageSize,
             pageList: this._config.pageList,
-            paginationVAlign: "both",
+            paginationVAlign: "bottom",
             formatShowingRows: this.gridCommons.formatShowingRows,
             detailView: this._config.detailView,
             detailFormatter: (value, row) => this.detailFormatter(value, row),
@@ -1518,47 +1517,20 @@ export default class VariantInterpreterGrid extends LitElement {
         this.evidenceReview = null;
     }
 
-    getRightToolbar() {
-        if (this._config?.showSettings) {
-            return [
-                {
-                    render: () => html`
-                        <button type="button" class="btn btn-light btn-sm" aria-haspopup="true" aria-expanded="false" @click="${e => this.onConfigClick(e)}">
-                            <i class="fas fa-cog"></i> Settings ...
-                        </button>`
-                }
-            ];
-        }
-        return [];
-    }
-
-    renderStyle() {
+    renderToolbarLeftContent() {
         return html`
-            <style>
-                .variant-link-dropdown:hover .dropdown-menu {
-                    display: block;
-                }
-                .qtip-custom-class {
-                    font-size: 13px;
-                    max-width: none;
-                }
-                .check-variant {
-                    transform: scale(1.2);
-                }
-            </style>
+            <span id="${this.gridId + "PaginationInfo"}"></span>
         `;
     }
 
     render() {
         return html`
-
-            <div id="${this.gridId}WarningEvents"></div>
-
             <opencb-grid-toolbar
                 .config="${this.toolbarConfig}"
                 .settings="${this.toolbarSetting}"
                 .query="${this.filters}"
                 .opencgaSession="${this.opencgaSession}"
+                .leftContent="${this.renderToolbarLeftContent()}"
                 @columnChange="${this.onColumnChange}"
                 @download="${this.onDownload}"
                 @export="${this.onDownload}">
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-rearrangement-grid.js b/src/webcomponents/variant/interpretation/variant-interpreter-rearrangement-grid.js
index e488c4270b..9f68178546 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-rearrangement-grid.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-rearrangement-grid.js
@@ -285,7 +285,7 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
                 pagination: this._config.pagination,
                 pageSize: this._config.pageSize,
                 pageList: this._config.pageList,
-                paginationVAlign: "both",
+                paginationVAlign: "bottom",
                 formatShowingRows: (pageFrom, pageTo, totalRows) =>
                     this.gridCommons.formatShowingRows(pageFrom, pageTo, totalRows, null, this.isApproximateCount),
                 showExport: this._config.showExport,
@@ -346,7 +346,6 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
                         });
                 },
                 responseHandler: response => {
-                    this.gridCommons.displayResponseWarningEvents(response);
                     const result = this.gridCommons.responseHandler(response, $(this.table).bootstrapTable("getOptions"));
                     return result.response;
                 },
@@ -407,7 +406,7 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
             pagination: this._config.pagination,
             pageSize: this._config.pageSize,
             pageList: this._config.pageList,
-            paginationVAlign: "both",
+            paginationVAlign: "bottom",
             formatShowingRows: this.gridCommons.formatShowingRows,
             showExport: this._config.showExport,
             // detailView: this._config.detailView,
@@ -973,28 +972,20 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
         this.requestUpdate();
     }
 
-    render() {
+    renderToolbarLeftContent() {
         return html`
-            <style>
-                .variant-link-dropdown:hover .dropdown-menu {
-                    display: block;
-                }
-                .qtip-custom-class {
-                    font-size: 13px;
-                    max-width: none;
-                }
-                .check-variant {
-                    transform: scale(1.2);
-                }
-            </style>
-
-            <div id="${this.gridId}WarningEvents"></div>
+            <span id="${this.gridId + "PaginationInfo"}"></span>
+        `;
+    }
 
+    render() {
+        return html`
             <opencb-grid-toolbar
                 .config="${this.toolbarConfig}"
                 .settings="${this.toolbarSetting}"
                 .opencgaSession="${this.opencgaSession}"
                 .query="${this.filters}"
+                .leftContent="${this.renderToolbarLeftContent()}"
                 @columnChange="${this.onColumnChange}"
                 @download="${this.onDownload}"
                 @export="${this.onDownload}"
diff --git a/src/webcomponents/variant/variant-browser-filter.js b/src/webcomponents/variant/variant-browser-filter.js
index 1567af9033..e38e1892be 100644
--- a/src/webcomponents/variant/variant-browser-filter.js
+++ b/src/webcomponents/variant/variant-browser-filter.js
@@ -62,8 +62,11 @@ export default class VariantBrowserFilter extends LitElement {
             opencgaSession: {
                 type: Object
             },
-            query: {
-                type: Object
+            preparedQuery: {
+                type: Object,
+            },
+            executedQuery: {
+                type: Object,
             },
             resource: {
                 type: String,
@@ -86,9 +89,14 @@ export default class VariantBrowserFilter extends LitElement {
 
     update(changedProperties) {
         if (changedProperties.has("config")) {
+            const defaultConfig = this.getDefaultConfig();
             this._config = {
-                ...this.getDefaultConfig(),
+                ...defaultConfig,
                 ...this.config,
+                activeFilters: {
+                    ...defaultConfig.activeFilters,
+                    ...this.config.activeFilters,
+                },
             };
         }
 
@@ -430,7 +438,8 @@ export default class VariantBrowserFilter extends LitElement {
                 .opencgaSession="${this.opencgaSession}"
                 .toolId="${this.toolId}"
                 .resource="${this.resource}"
-                .query="${this.query}"
+                .preparedQuery="${this.preparedQuery}"
+                .executedQuery="${this.executedQuery}"
                 .searchActive="${this.searchActive}"
                 .renderFilter="${this.renderFilter}"
                 .config="${this._config}">
diff --git a/src/webcomponents/variant/variant-browser.js b/src/webcomponents/variant/variant-browser.js
index 840b56fdad..ce245ad64c 100644
--- a/src/webcomponents/variant/variant-browser.js
+++ b/src/webcomponents/variant/variant-browser.js
@@ -222,7 +222,16 @@ export default class VariantBrowser extends LitElement {
         this.requestUpdate();
     }
 
-    onQueryFilterChange(e) {
+    onVariantFilterClear() {
+        this.preparedQuery = {};
+        this.executedQuery = {};
+        this.searchActive = false;
+        this.variant = null;
+        this.notifySearch(this.preparedQuery);
+        this.requestUpdate();
+    }
+
+    onVariantFilterChange(e) {
         this.preparedQuery = e.detail.query;
         this.requestUpdate();
     }
@@ -381,11 +390,13 @@ export default class VariantBrowser extends LitElement {
                             .resource="${"VARIANT"}"
                             .toolId="${this.COMPONENT_ID || ""}"
                             .opencgaSession=${this.opencgaSession}
-                            .query="${this.preparedQuery}"
+                            .preparedQuery="${this.preparedQuery}"
+                            .executedQuery="${this.executedQuery}"
                             .searchActive="${this.searchActive || false}"
                             .config="${this._config.filter}"
-                            @queryChange="${this.onQueryFilterChange}"
-                            @querySearch="${this.onVariantFilterSearch}">
+                            @queryChange="${this.onVariantFilterChange}"
+                            @querySearch="${this.onVariantFilterSearch}"
+                            @queryClear="${this.onVariantFilterClear}">
                         </variant-browser-filter>
 
                         <div class="main-view">