diff --git a/cypress/e2e/iva/genome-browser.cy.js b/cypress/e2e/iva/genome-browser.cy.js
index 71e2f9f054..52c926dfd5 100644
--- a/cypress/e2e/iva/genome-browser.cy.js
+++ b/cypress/e2e/iva/genome-browser.cy.js
@@ -97,7 +97,7 @@ context("GenomeBrowser", () => {
 
             cy.get("@karyotype")
                 .find(`div[data-cy="gb-karyotype-toggle"]`)
-                .trigger("click");
+                .trigger("click", {force: true});
 
             cy.get("@karyotypeContent")
                 .invoke("css", "display")
diff --git a/cypress/e2e/iva/variant-browser-grid.cy.js b/cypress/e2e/iva/variant-browser-grid.cy.js
index ac7f4a6e8d..25e0066ab9 100644
--- a/cypress/e2e/iva/variant-browser-grid.cy.js
+++ b/cypress/e2e/iva/variant-browser-grid.cy.js
@@ -271,6 +271,38 @@ context("Variant Browser Grid", () => {
         });
     });
 
+    context("clinical info", () => {
+        context("cosmic column", () => {
+            const columnIndex = 18;
+            it("should display an 'x' icon if no cosmic information is available", () => {
+                cy.get("@variantBrowser")
+                    .find(`tbody > tr[data-uniqueid="14:91649938:A:G"] > td`)
+                    .eq(columnIndex)
+                    .find("i")
+                    .should("have.class", "fa-times");
+            });
+
+            it("should display the number of entries and total trait associations", () => {
+                cy.get("@variantBrowser")
+                    .find("tbody tr:first > td")
+                    .eq(columnIndex)
+                    .should("contain.text", "1 entry (1)");
+            });
+
+            it("should display a tooltip with a link to cosmic", () => {
+                cy.get("@variantBrowser")
+                    .find("tbody tr:first > td")
+                    .eq(columnIndex)
+                    .find("a")
+                    .trigger("mouseover");
+
+                cy.get(`div[class="qtip-content"]`)
+                    .find(`a[href^="https://cancer.sanger.ac.uk/cosmic/search?q="]`)
+                    .should("exist");
+            });
+        });
+    });
+
     context("actions", () => {
         const variant = "14:91649858:C:T";
         beforeEach(() => {
diff --git a/src/genome-browser/genome-browser.js b/src/genome-browser/genome-browser.js
index 4ae1893fb1..2015a73a19 100644
--- a/src/genome-browser/genome-browser.js
+++ b/src/genome-browser/genome-browser.js
@@ -68,7 +68,7 @@ export default class GenomeBrowser {
         // Generate GB template
         const template = UtilsNew.renderHTML(`
             <div id="${this.prefix}" data-cy="gb-parent" class="card text-bg-light mb-3">
-                <div id="${this.prefix}Navigation" data-cy="gb-navigation" class="card-header"></div>
+                <div id="${this.prefix}Navigation" data-cy="gb-navigation" class="card-header bg-light sticky-top"></div>
                 <ul class="list-group rounded-0">
                     <li id="${this.prefix}Karyotype" data-cy="gb-karyotype" class="list-group-item" style="display:none;"></li>
                     <li id="${this.prefix}Chromosome" data-cy="gb-chromosome" class="list-group-item" style="display:none;"></li>
diff --git a/src/genome-browser/renderers/variant-renderer.js b/src/genome-browser/renderers/variant-renderer.js
index 902ff98a72..febe48a579 100644
--- a/src/genome-browser/renderers/variant-renderer.js
+++ b/src/genome-browser/renderers/variant-renderer.js
@@ -46,10 +46,21 @@ export default class VariantRenderer extends Renderer {
         const lollipopStickHeight = this.config.lollipopHeight - this.config.lollipopFocusWidth - this.config.lollipopMaxWidth / 2;
         let lollipopStickStart = this.config.lollipopFocusWidth + this.config.lollipopMaxWidth / 2;
         let lollipopPositions = [];
+        let lollipopIndex = 0;
         let topPosition = this.config.lollipopVisible ? this.config.lollipopHeight : this.config.headerHeight;
 
+        // We have to filter features and consider only the ones that are in the current region
+        // this is important because when we request for breakends to OpenCGA it returns both variants of the breakend
+        const region = options.requestedRegion;
+        const featuresToDisplay = (features || []).filter(feature => {
+            return feature.chromosome === region.chromosome && feature.start <= region.end && region.start <= feature.end;
+        });
+
         if (this.config.lollipopVisible) {
-            lollipopPositions = LollipopLayout.fromFeaturesList(features || [], options.requestedRegion, lollipopRegionWidth, {
+            const featuresForLollipops = featuresToDisplay.filter(feature => {
+                return this.config.lollipopVariantTypes.includes(feature.type);
+            });
+            lollipopPositions = LollipopLayout.fromFeaturesList(featuresForLollipops, options.requestedRegion, lollipopRegionWidth, {
                 minSeparation: this.config.lollipopMaxWidth,
             });
         }
@@ -60,7 +71,16 @@ export default class VariantRenderer extends Renderer {
             lollipopStickStart = lollipopStickStart + this.config.highlightHeight;
         }
 
-        (features || []).forEach((feature, featureIndex) => {
+        featuresToDisplay.forEach((feature, featureIndex) => {
+            // Check if this variant has been previously rendered
+            if (options?.renderedFeatures && feature?.id) {
+                if (options.renderedFeatures.has(feature.id)) {
+                    return;
+                }
+                // Prevent rendering this variant in next calls of this renderer
+                options.renderedFeatures.add(feature.id);
+            }
+
             const group = SVG.addChild(options.svgCanvasFeatures, "g", {
                 "data-cy": "gb-variant",
                 "data-id": feature.id || "-",
@@ -86,9 +106,9 @@ export default class VariantRenderer extends Renderer {
 
             let variantElement = null;
 
-            // Check if lollipops are visible
-            if (this.config.lollipopVisible) {
-                const lollipopX = lollipopStartX + lollipopPositions[featureIndex];
+            // Check if lollipops are visible and the feature type is one of the allowed types for lollipops
+            if (this.config.lollipopVisible && this.config.lollipopVariantTypes?.includes?.(feature?.type)) {
+                const lollipopX = lollipopStartX + lollipopPositions[lollipopIndex];
                 const lollipopWidth = Math.min(1, Math.max(0, this.getValueFromConfig("lollipopWidth", [feature])));
                 const lollipopPath = [
                     `M ${lollipopX},${lollipopStickStart}`,
@@ -130,6 +150,8 @@ export default class VariantRenderer extends Renderer {
                         variantElement.setAttribute("stroke-width", 0);
                     });
                 }
+                // increment lollipop index
+                lollipopIndex = lollipopIndex + 1;
             } else {
                 variantElement = SVG.addChild(group, "rect", {
                     "data-cy": "gb-variant-lollipop-shape",
@@ -296,6 +318,7 @@ export default class VariantRenderer extends Renderer {
             lollipopMaxWidth: 15,
             lollipopShape: GenomeBrowserUtils.lollipopShapeFormatter,
             lollipopWidth: GenomeBrowserUtils.lollipopWidthFormatter,
+            lollipopVariantTypes: ["SNV", "INDEL", "BREAKEND"],
             // Lollipop focus
             lollipopFocusEnabled: true,
             lollipopFocusWidth: 2,
diff --git a/src/genome-browser/tracks/feature-track.js b/src/genome-browser/tracks/feature-track.js
index 22d5b4f211..faf9f19135 100644
--- a/src/genome-browser/tracks/feature-track.js
+++ b/src/genome-browser/tracks/feature-track.js
@@ -229,8 +229,8 @@ export default class FeatureTrack {
 
     hideContent() {
         this.contentVisible = false;
-        this.content.classList.add("hidden");
-        this.resize.classList.add("hidden");
+        this.content.classList.add("d-none");
+        this.resize.classList.add("d-none");
 
         this.titleToggleIcon.classList.remove("fa-minus");
         this.titleToggleIcon.classList.add("fa-plus");
@@ -238,8 +238,8 @@ export default class FeatureTrack {
 
     showContent() {
         this.contentVisible = true;
-        this.content.classList.remove("hidden");
-        this.resize.classList.remove("hidden");
+        this.content.classList.remove("d-none");
+        this.resize.classList.remove("d-none");
 
         this.titleToggleIcon.classList.remove("fa-plus");
         this.titleToggleIcon.classList.add("fa-minus");
diff --git a/src/webcomponents/clinical/clinical-analysis-grid.js b/src/webcomponents/clinical/clinical-analysis-grid.js
index bd670c9114..7b57558deb 100644
--- a/src/webcomponents/clinical/clinical-analysis-grid.js
+++ b/src/webcomponents/clinical/clinical-analysis-grid.js
@@ -19,10 +19,11 @@ import OpencgaCatalogUtils from "../../core/clients/opencga/opencga-catalog-util
 import UtilsNew from "../../core/utils-new.js";
 import GridCommons from "../commons/grid-commons.js";
 import CatalogGridFormatter from "../commons/catalog-grid-formatter.js";
-import "../commons/opencb-grid-toolbar.js";
 import LitUtils from "../commons/utils/lit-utils.js";
 import NotificationUtils from "../commons/utils/notification-utils.js";
 import ModalUtils from "../commons/modal/modal-utils.js";
+import WebUtils from "../commons/utils/web-utils.js";
+import "../commons/opencb-grid-toolbar.js";
 
 export default class ClinicalAnalysisGrid extends LitElement {
 
@@ -304,22 +305,6 @@ export default class ClinicalAnalysisGrid extends LitElement {
         // TODO remove this code as soon as new OpenCGA configuration is in place
         const _priorities = this.opencgaSession?.study?.internal?.configuration?.clinical?.priorities || [];
 
-        // Priorities classes
-        const priorityMap = {
-            URGENT: "text-bg-danger",
-            HIGH: "text-bg-warning",
-            MEDIUM: "text-bg-primary",
-            LOW: "text-bg-info"
-        };
-        const priorityRankToColor = [
-            "text-bg-danger",
-            "text-bg-warning",
-            "text-bg-primary",
-            "text-bg-info",
-            "text-bg-success",
-            "text-bg-light"
-        ];
-
         const hasWriteAccess = OpencgaCatalogUtils.checkPermissions(this.opencgaSession.study, this.opencgaSession.user.id, "WRITE_CLINICAL_ANALYSIS");
         const isEditable = !this._config.readOnlyMode && hasWriteAccess && !row.locked; // priority is editable
 
@@ -329,12 +314,12 @@ export default class ClinicalAnalysisGrid extends LitElement {
 
         // Current priority
         const currentPriorityText = value?.id ?? value ?? "-";
-        const currentPriorityLabel = priorityRankToColor[value?.rank ?? ""] ?? priorityMap[value ?? ""] ?? "";
+        const currentPriorityColor = WebUtils.getClinicalAnalysisPriorityColour(value?.rank);
 
         return `
             <div class="dropdown">
                 <button class="${btnClassName}" type="button" data-bs-toggle="dropdown" style="${btnStyle}" ${!isEditable ? "disabled=\"disabled\"" : ""}>
-                    <span class="badge ${currentPriorityLabel} me-auto top-0">
+                    <span class="badge ${currentPriorityColor} me-2 top-0">
                         ${currentPriorityText}
                     </span>
                 </button>
@@ -344,8 +329,8 @@ export default class ClinicalAnalysisGrid extends LitElement {
                             <li>
                                 <a class="d-flex dropdown-item py-2" data-action="priorityChange" data-priority="${priority.id}" style="cursor:pointer;">
                                     <div class="flex-grow-1">
-                                        <div class="">
-                                            <span class="badge ${priorityRankToColor[priority?.rank ?? ""] ?? ""}">
+                                        <div>
+                                            <span class="badge ${WebUtils.getClinicalAnalysisPriorityColour(priority?.rank)}">
                                                 ${priority.id}
                                             </span>
                                         </div>
@@ -372,7 +357,7 @@ export default class ClinicalAnalysisGrid extends LitElement {
         // const btnClassName = "d-inline-flex align-items-center btn btn-light dropdown-toggle";
         const btnClassName = "d-flex justify-content-between align-items-center btn btn-light dropdown-toggle w-100";
         // const btnStyle = "display:inline-flex;align-items:center;";
-debugger
+
         return `
             <div class="dropdown">
                 <button class="${btnClassName}" type="button" data-bs-toggle="dropdown" ${!isEditable ? "disabled=\"disabled\"" : ""}>
diff --git a/src/webcomponents/clinical/clinical-analysis-view.js b/src/webcomponents/clinical/clinical-analysis-view.js
index 30aaedbb84..dd820fdd24 100644
--- a/src/webcomponents/clinical/clinical-analysis-view.js
+++ b/src/webcomponents/clinical/clinical-analysis-view.js
@@ -14,13 +14,14 @@
  * limitations under the License.
  */
 
-import {LitElement, html, nothing} from "lit";
+import {LitElement, html} from "lit";
 import UtilsNew from "../../core/utils-new.js";
 import LitUtils from "../commons/utils/lit-utils";
 import CatalogGridFormatter from "../commons/catalog-grid-formatter.js";
+import BioinfoUtils from "../../core/bioinfo/bioinfo-utils.js";
+import WebUtils from "../commons/utils/web-utils.js";
 import "../commons/forms/data-form.js";
 import "../commons/image-viewer.js";
-import BioinfoUtils from "../../core/bioinfo/bioinfo-utils";
 
 export default class ClinicalAnalysisView extends LitElement {
 
@@ -157,23 +158,6 @@ export default class ClinicalAnalysisView extends LitElement {
         }
     }
 
-    #priorityFormatter(id, data) {
-        const priorityRankToColor = [
-            "text-bg-danger",
-            "text-bg-warning",
-            "text-bg-primary",
-            "text-bg-info",
-            "text-bg-success",
-            "text-bg-light"
-        ];
-
-        if (typeof data?.priority?.rank === "number") {
-            return priorityRankToColor[data?.priority?.rank - 1] || "";
-        } else {
-            return "";
-        }
-    }
-
     #setLoading(value) {
         this.isLoading = value;
         this.requestUpdate();
@@ -296,7 +280,7 @@ export default class ClinicalAnalysisView extends LitElement {
                             display: {
                                 template: "${priority.id}",
                                 className: {
-                                    "priority.id": (id, data) => `badge ${this.#priorityFormatter(id, data)}`,
+                                    "priority.id": (id, data) => `badge ${WebUtils.getClinicalAnalysisPriorityColour(data?.priority?.rank)}`,
                                 },
                             }
                         },
diff --git a/src/webcomponents/commons/forms/data-form.js b/src/webcomponents/commons/forms/data-form.js
index 09516c5ab6..7177f89055 100644
--- a/src/webcomponents/commons/forms/data-form.js
+++ b/src/webcomponents/commons/forms/data-form.js
@@ -930,14 +930,16 @@ export default class DataForm extends LitElement {
 
         const content = html`
             <div class="form-check">
-                <input
-                    id="${this._prefix}FilterCheckbox"
-                    type="checkbox"
-                    class="${this._prefix}FilterCheckbox form-check-input"
-                    .checked="${value}"
-                    ?disabled="${disabled}"
-                    @click="${e => this.onFilterChange(element, e.currentTarget.checked)}">
-                <label class="form-check-label" for="${this._prefix}FilterCheckbox">${element.text}</label>
+                <label class="form-check-label">
+                    <input
+                        id="${this._prefix}${element.field}"
+                        type="checkbox"
+                        class="form-check-input"
+                        .checked="${value}"
+                        ?disabled="${disabled}"
+                        @click="${e => this.onFilterChange(element, e.currentTarget.checked)}">
+                        ${element.text}
+                </label>
             </div>
         `;
 
diff --git a/src/webcomponents/commons/forms/select-field-filter.js b/src/webcomponents/commons/forms/select-field-filter.js
index 2d9683076d..1d344c32ba 100644
--- a/src/webcomponents/commons/forms/select-field-filter.js
+++ b/src/webcomponents/commons/forms/select-field-filter.js
@@ -108,6 +108,11 @@ export default class SelectFieldFilter extends LitElement {
         }
 
         this.select.empty();
+
+        // Force to unbind 'select2:select' and 'select2:unselect' listeners
+        this.select.off("select2:select");
+        this.select.off("select2:unselect");
+
         const options = this.data.map(item => this.getOptions(item));
 
         const selectConfig = {
diff --git a/src/webcomponents/commons/opencga-browser.js b/src/webcomponents/commons/opencga-browser.js
index 59a39a885b..6b949f565e 100644
--- a/src/webcomponents/commons/opencga-browser.js
+++ b/src/webcomponents/commons/opencga-browser.js
@@ -318,7 +318,7 @@ export default class OpencgaBrowser extends LitElement {
 
     renderButtonViews() {
         return html `
-            <div class="content-pills mb-3" role="toolbar" aria-label="toolbar">
+            <div class="d-flex gap-1 mb-3" role="toolbar" aria-label="toolbar">
                 ${(this._config.views || []).map(view => html`
                     <button
                         type="button"
diff --git a/src/webcomponents/commons/utils/web-utils.js b/src/webcomponents/commons/utils/web-utils.js
index 1656f2941a..be02cff79e 100644
--- a/src/webcomponents/commons/utils/web-utils.js
+++ b/src/webcomponents/commons/utils/web-utils.js
@@ -49,6 +49,7 @@ export default class WebUtils {
             "JOB": "JOBS",
             "FILE": "FILES",
             "CLINICAL_ANALYSIS": "CLINICAL_ANALYSIS",
+            "CLINICAL_VARIANT": "CLINICAL_VARIANT",
             "PROJECT": "PROJECTS",
             "STUDY": "STUDIES",
             "USER": "USERS",
@@ -96,4 +97,16 @@ export default class WebUtils {
         return "-";
     }
 
+    static getClinicalAnalysisPriorityColour(rank) {
+        const priorityRankToColor = {
+            1: "bg-danger", // URGENT
+            2: "bg-warning", // HIGH
+            3: "bg-primary", // NORMAL
+            4: "bg-info", // LOW
+            5: "bg-light text-dark", // UNKNOWN
+        };
+
+        return priorityRankToColor[rank] ?? "";
+    }
+
 }
diff --git a/src/webcomponents/variant/custom/steiner-report.js b/src/webcomponents/variant/custom/steiner-report.js
index 080ec79b5a..fcabb16cd9 100644
--- a/src/webcomponents/variant/custom/steiner-report.js
+++ b/src/webcomponents/variant/custom/steiner-report.js
@@ -58,9 +58,9 @@ class SteinerReport extends LitElement {
 
     #init() {
         this.gridTypes = {
-            snv: "variantInterpreterCancerSNV",
-            cnv: "variantInterpreterCancerCNV",
-            rearrangements: "variantInterpreterRearrangement",
+            snv: "variant-interpreter-cancer-snv",
+            cnv: "variant-interpreter-cancer-cnv",
+            rearrangements: "variant-interpreter-rearrangement",
         };
 
         this.callersInfo = {
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-browser-template.js b/src/webcomponents/variant/interpretation/variant-interpreter-browser-template.js
index 0573c70fa7..9bb551126a 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-browser-template.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-browser-template.js
@@ -387,7 +387,8 @@ class VariantInterpreterBrowserTemplate extends LitElement {
             <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>`;
+            </button>
+        `;
     }
 
     render() {
@@ -435,7 +436,7 @@ class VariantInterpreterBrowserTemplate extends LitElement {
 
                 <div class="flex-grow-1">
                     <!-- View toolbar -->
-                    <div class="content-pills mb-3" role="toolbar" aria-label="toolbar">
+                    <div class="d-flex gap-1 mb-3" role="toolbar" aria-label="toolbar">
                         ${this.renderViewButton("table", "Table Result", "table")}
                         ${!this.settings?.hideGenomeBrowser ? this.renderViewButton("genome-browser", "Genome Browser", "dna") : nothing}
                     </div>
@@ -563,6 +564,7 @@ class VariantInterpreterBrowserTemplate extends LitElement {
                 },
                 {
                     type: "opencga-variant",
+                    visible: ["SINGLE", "FAMILY"].includes(this.clinicalAnalysis?.type),
                     config: {
                         title: "Variants",
                         query: {
@@ -570,6 +572,44 @@ class VariantInterpreterBrowserTemplate extends LitElement {
                         },
                     },
                 },
+                {
+                    type: "opencga-variant",
+                    visible: this.clinicalAnalysis?.type === "CANCER",
+                    config: {
+                        title: "Small Variants",
+                        query: {
+                            sample: this.clinicalAnalysis.proband.samples.map(s => s.id).join(","),
+                            type: "SNV,INDEL",
+                        },
+                        headerHeight: 0,
+                    },
+                },
+                {
+                    type: "opencga-variant",
+                    visible: this.clinicalAnalysis?.type === "CANCER",
+                    config: {
+                        title: "Copy Number Variants",
+                        query: {
+                            sample: this.clinicalAnalysis.proband.samples.map(s => s.id).join(","),
+                            type: "COPY_NUMBER",
+                        },
+                        lollipopVisible: false,
+                        highlightVisible: false,
+                        headerHeight: 0,
+                    },
+                },
+                {
+                    type: "opencga-variant",
+                    visible: this.clinicalAnalysis?.type === "CANCER",
+                    config: {
+                        title: "Structural Variants",
+                        query: {
+                            sample: this.clinicalAnalysis.proband.samples.map(s => s.id).join(","),
+                            type: "BREAKEND,INSERTION,DELETION,DUPLICATION",
+                        },
+                        headerHeight: 0,
+                    },
+                },
                 ...(this.clinicalAnalysis.proband?.samples || []).map(sample => ({
                     type: "opencga-alignment",
                     config: {
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-grid-config.js b/src/webcomponents/variant/interpretation/variant-interpreter-grid-config.js
index c2c2809313..560bd64851 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-grid-config.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-grid-config.js
@@ -207,8 +207,13 @@ export default class VariantInterpreterGridConfig extends LitElement {
             type: "pills",
             validation: {
                 validate: data => {
-                    return data.geneSet?.ensembl || data.geneSet?.refseq;
-                }
+                    // make sure that geneSet is present in the data object
+                    if (typeof data.geneSet !== "undefined") {
+                        return data.geneSet?.ensembl || data.geneSet?.refseq;
+                    }
+                    return true;
+                },
+                message: "You must select at least one Gene Set (Ensembl or RefSeq) in Transcript Filter.",
             },
             display: {
                 width: 12,
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-grid.js b/src/webcomponents/variant/interpretation/variant-interpreter-grid.js
index ad88e5c294..a194c750ca 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-grid.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-grid.js
@@ -805,7 +805,7 @@ export default class VariantInterpreterGrid extends LitElement {
                                 </button>
                                 <ul class="dropdown-menu dropdown-menu-end">
                                     <li>
-                                        <a id="${reviewId}" href="javascript: void 0" class="dropdown-item reviewButton" data-action="edit" ${reviewDisabled}>
+                                        <a id="${reviewId}" href="javascript: void 0" class="dropdown-item reviewButton ${reviewDisabled}" data-action="edit">
                                             <i class="fas fa-edit me-1 reviewButton" aria-hidden="true"></i> Edit ...
                                         </a>
                                     </li>
@@ -1382,9 +1382,9 @@ export default class VariantInterpreterGrid extends LitElement {
         const reviewActionButton = document.getElementById(`${this._prefix}${variantId}VariantReviewActionButton`);
         if (reviewActionButton) {
             if (e.currentTarget.checked) {
-                reviewActionButton.removeAttribute("disabled");
+                reviewActionButton.classList.remove("disabled");
             } else {
-                reviewActionButton.setAttribute("disabled", "true");
+                reviewActionButton.classList.add("disabled");
             }
         }
 
@@ -1598,6 +1598,7 @@ export default class VariantInterpreterGrid extends LitElement {
                     <div class="modal-content">
                         <div class="modal-header">
                             <h3>Review Variant Evidence</h3>
+                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                         </div>
                         ${this.evidenceReview ? html`
                             <clinical-interpretation-variant-evidence-review
diff --git a/src/webcomponents/variant/interpretation/variant-interpreter-rearrangement-grid.js b/src/webcomponents/variant/interpretation/variant-interpreter-rearrangement-grid.js
index 5ae03b8963..e488c4270b 100644
--- a/src/webcomponents/variant/interpretation/variant-interpreter-rearrangement-grid.js
+++ b/src/webcomponents/variant/interpretation/variant-interpreter-rearrangement-grid.js
@@ -376,7 +376,6 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
         this.table.bootstrapTable({
             theadClasses: "table-light",
             buttonsClass: "light",
-            data: variants,
             columns: this._getDefaultColumns(),
             sidePagination: "server",
             // Josemi Note 2024-01-31: we have added the ajax function for local variants for getting genes info
@@ -430,7 +429,7 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
     /*
      *  GRID FORMATTERS
      */
-    detailFormatter(value, row, a) {
+    detailFormatter(value, row) {
         let result = "<div class='row' style='padding-bottom: 20px'>";
         let detailHtml = "";
         if (row && row.annotation) {
@@ -489,29 +488,6 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
         return "-";
     }
 
-    // DEPRECATED
-    pathogeniticyFormatter(value, row, index) {
-        // TODO we must call to PathDB to get the frequency of each variant, next code is just an example
-        return `
-            <div class="col-md-12" style="padding: 0px">
-                <form class="form-horizontal">
-                    <div class="col-md-12" style="padding: 0px">
-                        <form class="form-horizontal">
-                            <div class="form-group" style="margin: 0px 2px">
-                                <label class="col-md-5">HP:00${Math.floor((Math.random() * 1000) + 1)}</label>
-                                <div class="col-md-7">${Number(Math.random()).toFixed(2)}</div>
-                            </div>
-                            <div class="form-group" style="margin: 0px 2px">
-                                <label class="col-md-5">HP:00${Math.floor((Math.random() * 1000) + 1)}</label>
-                                <div class="col-md-7">${Number(Math.random()).toFixed(2)}</div>
-                            </div>
-                        </form>
-                    </div>
-                </form>
-            </div>
-        `;
-    }
-
     _getDefaultColumns() {
         // This code creates dynamically the columns for the VCF INFO and FORMAT column data.
         // Multiple file callers are supported.
@@ -648,7 +624,7 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
                         </a>`,
                     field: "interpretation",
                     rowspan: 1,
-                    colspan: 4,
+                    colspan: 2,
                     halign: "center"
                 },
                 {
@@ -667,7 +643,7 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
                                 </button>
                                 <ul class="dropdown-menu dropdown-menu-end">
                                     <li>
-                                        <a id="${reviewId}" href="javascript:void 0;" class="dropdown-item reviewButton" data-action="edit" ${reviewDisabled}>
+                                        <a id="${reviewId}" href="javascript:void 0;" class="dropdown-item reviewButton ${reviewDisabled}" data-action="edit">
                                             <i class="fas fa-edit icon-padding reviewButton" aria-hidden="true"></i> Edit ...
                                         </a>
                                     </li>
@@ -686,6 +662,7 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
                     events: {
                         "click a": this.onActionClick.bind(this)
                     },
+                    visible: this._config?.showActions,
                     excludeFromExport: true,
                     excludeFromSettings: true,
                 }
@@ -717,25 +694,6 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
                 },
                 ...vcfDataColumns.vcf1,
                 ...vcfDataColumns.vcf2,
-                {
-                    id: "cohorts",
-                    title: "Cohorts",
-                    field: "cohort",
-                    colspan: 1,
-                    rowspan: 1,
-                    formatter: VariantInterpreterGridFormatter.studyCohortsFormatter.bind(this),
-                    visible: (this.clinicalAnalysis.type.toUpperCase() === "SINGLE" || this.clinicalAnalysis.type.toUpperCase() === "FAMILY") && this.gridCommons.isColumnVisible("cohorts",)
-                },
-                {
-                    id: "prediction",
-                    title: `${this.clinicalAnalysis.type !== "CANCER" ? "ACMG <br> Prediction" : "Prediction"}`,
-                    field: "prediction",
-                    rowspan: 1,
-                    colspan: 1,
-                    formatter: VariantInterpreterGridFormatter.predictionFormatter,
-                    halign: "center",
-                    visible: (this.clinicalAnalysis.type.toUpperCase() === "SINGLE" || this.clinicalAnalysis.type.toUpperCase() === "FAMILY") && this.gridCommons.isColumnVisible("prediction"),
-                },
                 {
                     title: "Select",
                     rowspan: 1,
@@ -788,9 +746,9 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
                         UtilsNew.objectClone(this.checkedVariants.get(row[1].id)),
                     ];
                     this.requestUpdate();
-                    // $("#" + this._prefix + "ReviewSampleModal").modal("show");
-                    // const reviewSampleModal = new bootstrap.Modal("#" + this._prefix + "ReviewSampleModal");
-                    this.reviewSampleModal.show();
+                    // eslint-disable-next-line no-undef
+                    const reviewSampleModal = new bootstrap.Modal("#" + this._prefix + "ReviewSampleModal");
+                    reviewSampleModal.show();
                 }
                 break;
             case "download":
@@ -947,9 +905,9 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
         const reviewActionButton = document.getElementById(`${this._prefix}${this._rows[index][0].id}VariantReviewActionButton`);
         if (reviewActionButton) {
             if (event.currentTarget.checked) {
-                reviewActionButton.removeAttribute("disabled");
+                reviewActionButton.classList.remove("disabled");
             } else {
-                reviewActionButton.setAttribute("disabled", "true");
+                reviewActionButton.classList.add("disabled");
             }
         }
 
@@ -973,18 +931,12 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
             ];
             this.requestUpdate();
 
-            // $("#" + this._prefix + "ReviewSampleModal").modal("show");
-            // const reviewSampleModal = new bootstrap.Modal("#" + this._prefix + "ReviewSampleModal");
-            this.reviewSampleModal.show();
+            // eslint-disable-next-line no-undef
+            const reviewSampleModal = new bootstrap.Modal("#" + this._prefix + "ReviewSampleModal");
+            reviewSampleModal.show();
         }
     }
 
-    onConfigClick(e) {
-        // $("#" + this._prefix + "ConfigModal").modal("show");
-        const configModal = new bootstrap.Modal("#" + this._prefix + "ConfigModal");
-        configModal.show();
-    }
-
     onVariantChange(e) {
         this.variantsReview[0] = e.detail.value;
     }
@@ -1016,10 +968,9 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
         this.requestUpdate();
     }
 
-    onCancelVariant(e) {
+    onCancelVariant() {
         this.variantsReview = null;
         this.requestUpdate();
-        // this._variantChanged = null;
     }
 
     render() {
@@ -1058,8 +1009,9 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
                  role="dialog" aria-hidden="true" style="overflow-y: visible">
                 <div class="modal-dialog modal-lg">
                     <div class="modal-content">
-                        <div class="modal-header" style="padding: 5px 15px">
+                        <div class="modal-header">
                             <h3>Review Variant</h3>
+                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                         </div>
                         ${this.variantsReview ? html`
                             <clinical-interpretation-variant-review
@@ -1070,38 +1022,12 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
                             </clinical-interpretation-variant-review>
                         ` : null}
                         <div class="modal-footer">
-                            <button type="button" class="btn btn-primary" data-bs-dismiss="modal" @click="${() => this.onCancelVariant()}">Cancel</button>
+                            <button type="button" class="btn btn-light" data-bs-dismiss="modal" @click="${() => this.onCancelVariant()}">Cancel</button>
                             <button type="button" class="btn btn-primary" data-bs-dismiss="modal" @click="${e => this.onSaveVariant(e)}">OK</button>
                         </div>
                     </div>
                 </div>
             </div>
-
-            <div class="modal fade pt-0" id="${this._prefix}ConfigModal" tabindex="-1"
-                role="dialog" aria-hidden="true" style="overflow-y: visible">
-                <div class="modal-dialog modal-lg">
-                    <div class="modal-content">
-                        <div class="modal-header" style="padding: 5px 15px">
-                        <h3>Settings</h3>
-                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-                        </div>
-                        <div class="modal-body">
-                            <div class="container-fluid">
-                                <variant-interpreter-grid-config
-                                    .opencgaSession="${this.opencgaSession}"
-                                    .config="${this._config}"
-                                    .gridColumns="${this._columns}"
-                                    @configChange="${this.onGridConfigChange}">
-                                </variant-interpreter-grid-config>
-                            </div>
-                        </div>
-                        <div class="modal-footer">
-                            <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Cancel</button>
-                            <button type="button" class="btn btn-primary" data-bs-dismiss="modal" @click="${e => this.onGridConfigSave(e)}">OK</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
         `;
     }
 
@@ -1116,7 +1042,7 @@ export default class VariantInterpreterRearrangementGrid extends LitElement {
             showReview: true,
             showEditReview: true,
             showSelectCheckbox: false,
-            showActions: false,
+            showActions: true,
             multiSelection: false,
             nucleotideGenotype: true,
             hideVcfFileData: false,
diff --git a/src/webcomponents/variant/variant-browser.js b/src/webcomponents/variant/variant-browser.js
index 431c422abe..17ab9ed468 100644
--- a/src/webcomponents/variant/variant-browser.js
+++ b/src/webcomponents/variant/variant-browser.js
@@ -346,24 +346,24 @@ export default class VariantBrowser extends LitElement {
 
                 <div class="col-md-10">
                     <!-- TAB buttons -->
-                    <div class="content-pills mb-3" role="toolbar" aria-label="toolbar">
+                    <div class="d-flex gap-1 mb-3" role="toolbar" aria-label="toolbar">
                         <button
                             type="button"
-                            class="${`btn btn-success ${this.activeTab === "table-tab" ? "active" : ""} content-pills`}"
+                            class="${`btn btn-success ${this.activeTab === "table-tab" ? "active" : ""}`}"
                             @click="${() => this.changeView("table-tab")}">
                             <i class="fa fa-table icon-padding" aria-hidden="true"></i>
                             <strong>Table Result</strong>
                         </button>
                         <button
                             type="button"
-                            class="${`btn btn-success ${this.activeTab === "facet-tab" ? "active" : ""} content-pills`}"
+                            class="${`btn btn-success ${this.activeTab === "facet-tab" ? "active" : ""}`}"
                             @click="${() => this.changeView("facet-tab")}">
                             <i class="fas fa-chart-bar icon-padding" aria-hidden="true"></i>
                             <strong>Aggregation Stats</strong>
                         </button>
                         <button
                             type="button"
-                            class="${`btn btn-success ${this.activeTab === "genome-tab" ? "active" : ""} content-pills`}"
+                            class="${`btn btn-success ${this.activeTab === "genome-tab" ? "active" : ""}`}"
                             @click="${() => this.changeView("genome-tab")}">
                             <i class="fas fa-dna icon-padding" aria-hidden="true"></i>
                             <strong>Genome Browser</strong>
diff --git a/src/webcomponents/variant/variant-grid-formatter.js b/src/webcomponents/variant/variant-grid-formatter.js
index 3ea017e53f..8b362aef2d 100644
--- a/src/webcomponents/variant/variant-grid-formatter.js
+++ b/src/webcomponents/variant/variant-grid-formatter.js
@@ -1192,8 +1192,9 @@ export default class VariantGridFormatter {
 
                     return `
                         <a class="cosmic-tooltip" tooltip-title='Links' tooltip-text='${tooltipText}' tooltip-position-at="left bottom" tooltip-position-my="right top">
-                            <span style="color: green">${cosmicMap.size} ${cosmicMap.size > 1 ? "studies" : "study" }</span>
-                        </a>`;
+                            <span style="color: green">${cosmicMap.size} ${cosmicMap.size > 1 ? "entries" : "entry"} (${traits.length})</span>
+                        </a>
+                    `;
                 case "HGMD":
                     // Prepare the tooltip links
                     const hgmdMap = new Map();
diff --git a/src/webcomponents/visualization/genome-browser.js b/src/webcomponents/visualization/genome-browser.js
index 62ede2b41b..8ac3825403 100644
--- a/src/webcomponents/visualization/genome-browser.js
+++ b/src/webcomponents/visualization/genome-browser.js
@@ -139,47 +139,51 @@ export default class GenomeBrowserComponent extends LitElement {
     }
 
     parseTracks(tracks) {
-        return tracks.map(track => {
-            switch (track.type) {
-                case "sequence":
-                    return new SequenceTrack({
-                        cellBaseClient: this.config.cellBaseClient,
-                        ...track.config,
-                    });
-                case "gene":
-                    return new GeneTrack({
-                        cellBaseClient: this.config.cellBaseClient,
-                        ...track.config,
-                    });
-                case "gene-overview":
-                    return new GeneOverviewTrack({
-                        cellBaseClient: this.config.cellBaseClient,
-                        ...track.config,
-                    });
-                case "variant":
-                    return new VariantTrack({
-                        cellBaseClient: this.config.cellBaseClient,
-                        ...track.config,
-                    });
-                case "opencga-variant":
-                    return new OpenCGAVariantTrack({
-                        opencgaClient: this.opencgaSession.opencgaClient,
-                        opencgaStudy: this.opencgaSession.study.fqn,
-                        ...track.config,
-                    });
-                case "opencga-alignment":
-                    return new OpenCGAAlignmentTrack({
-                        opencgaClient: this.opencgaSession.opencgaClient,
-                        opencgaStudy: this.opencgaSession.study.fqn,
-                        ...track.config,
-                    });
-                default:
-                    return new FeatureTrack({
-                        cellBaseClient: this.config.cellBaseClient,
-                        ...track.config,
-                    });
-            }
-        });
+        return (tracks || [])
+            .filter(track => {
+                return typeof track.visible !== "boolean" || track.visible;
+            })
+            .map(track => {
+                switch (track.type) {
+                    case "sequence":
+                        return new SequenceTrack({
+                            cellBaseClient: this.config.cellBaseClient,
+                            ...track.config,
+                        });
+                    case "gene":
+                        return new GeneTrack({
+                            cellBaseClient: this.config.cellBaseClient,
+                            ...track.config,
+                        });
+                    case "gene-overview":
+                        return new GeneOverviewTrack({
+                            cellBaseClient: this.config.cellBaseClient,
+                            ...track.config,
+                        });
+                    case "variant":
+                        return new VariantTrack({
+                            cellBaseClient: this.config.cellBaseClient,
+                            ...track.config,
+                        });
+                    case "opencga-variant":
+                        return new OpenCGAVariantTrack({
+                            opencgaClient: this.opencgaSession.opencgaClient,
+                            opencgaStudy: this.opencgaSession.study.fqn,
+                            ...track.config,
+                        });
+                    case "opencga-alignment":
+                        return new OpenCGAAlignmentTrack({
+                            opencgaClient: this.opencgaSession.opencgaClient,
+                            opencgaStudy: this.opencgaSession.study.fqn,
+                            ...track.config,
+                        });
+                    default:
+                        return new FeatureTrack({
+                            cellBaseClient: this.config.cellBaseClient,
+                            ...track.config,
+                        });
+                }
+            });
     }
 
     render() {