From d479c7528dcac7ec5ce555f8ac2098266cb0f218 Mon Sep 17 00:00:00 2001
From: Sebastien Romain <sromain@talend.com>
Date: Tue, 19 Dec 2023 10:45:04 +0100
Subject: [PATCH] fix: color and background hover in HeaderBar module

---
 .changeset/long-bobcats-allow.md                        | 5 +++++
 packages/components/src/HeaderBar/HeaderBar.module.scss | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/long-bobcats-allow.md

diff --git a/.changeset/long-bobcats-allow.md b/.changeset/long-bobcats-allow.md
new file mode 100644
index 00000000000..0c858f2a9d8
--- /dev/null
+++ b/.changeset/long-bobcats-allow.md
@@ -0,0 +1,5 @@
+---
+'@talend/react-components': patch
+---
+
+fix: header bar help link style in qlik-light mode
diff --git a/packages/components/src/HeaderBar/HeaderBar.module.scss b/packages/components/src/HeaderBar/HeaderBar.module.scss
index fd3059c7d72..dfac922b3e2 100644
--- a/packages/components/src/HeaderBar/HeaderBar.module.scss
+++ b/packages/components/src/HeaderBar/HeaderBar.module.scss
@@ -47,11 +47,11 @@ $tc-headerbar-logo-full-width: 8.5rem !default;
 	:global {
 		.tc-dropdown-button,
 		.btn-link {
-			color: tokens.$coral-color-brand-text;
+			color: tokens.$coral-color-brand-text !important;
 			&:hover,
 			&:focus {
-				color: tokens.$coral-color-brand-text;
-				background: tokens.$coral-color-brand-background-weak-hover;
+				color: tokens.$coral-color-brand-text !important;
+				background: tokens.$coral-color-brand-background-weak-hover !important;
 			}
 		}
 	}