From bea9116f616ee7ddd6e1894b61c3b08eda61e1fc Mon Sep 17 00:00:00 2001
From: huong-li-nguyen <huong_li_nguyen@mckinsey.com>
Date: Fri, 24 Jan 2025 10:39:33 +0100
Subject: [PATCH] Fix banners

---
 vizro-ai/examples/dashboard_ui/assets/custom.css            | 2 +-
 vizro-core/examples/dev/assets/css/custom.css               | 2 +-
 vizro-core/examples/visual-vocabulary/assets/css/custom.css | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/vizro-ai/examples/dashboard_ui/assets/custom.css b/vizro-ai/examples/dashboard_ui/assets/custom.css
index cddc9eaac..ce87faf99 100644
--- a/vizro-ai/examples/dashboard_ui/assets/custom.css
+++ b/vizro-ai/examples/dashboard_ui/assets/custom.css
@@ -301,7 +301,7 @@
   background: var(--text-primary);
   border-top-left-radius: 8px;
   bottom: 0;
-  color: var(--text-primary-inverted);
+  color: var(--text-primary-inverted) !important;
   display: flex;
   font-size: 0.8rem;
   font-weight: 500;
diff --git a/vizro-core/examples/dev/assets/css/custom.css b/vizro-core/examples/dev/assets/css/custom.css
index 749289dba..d6522710f 100644
--- a/vizro-core/examples/dev/assets/css/custom.css
+++ b/vizro-core/examples/dev/assets/css/custom.css
@@ -23,7 +23,7 @@
   background: var(--text-primary);
   border-top-left-radius: 8px;
   bottom: 0;
-  color: var(--text-primary-inverted);
+  color: var(--text-primary-inverted) !important;
   display: flex;
   font-size: 0.8rem;
   font-weight: 500;
diff --git a/vizro-core/examples/visual-vocabulary/assets/css/custom.css b/vizro-core/examples/visual-vocabulary/assets/css/custom.css
index c69bbe58c..f5f320385 100644
--- a/vizro-core/examples/visual-vocabulary/assets/css/custom.css
+++ b/vizro-core/examples/visual-vocabulary/assets/css/custom.css
@@ -94,7 +94,7 @@ img[src*="#chart-icon"] {
   background: var(--text-primary);
   border-top-left-radius: 8px;
   bottom: 0;
-  color: var(--text-primary-inverted);
+  color: var(--text-primary-inverted) !important;
   display: flex;
   font-size: 0.8rem;
   font-weight: 500;