From f172fa89d3e5c078f71fdb2dc787d64fbe0a7771 Mon Sep 17 00:00:00 2001
From: Sebastien Romain <sromain@talend.com>
Date: Tue, 19 Dec 2023 09:15:20 +0100
Subject: [PATCH] fix: header bar bottom border

---
 .changeset/silent-penguins-wave.md                      | 5 +++++
 packages/components/src/HeaderBar/HeaderBar.module.scss | 7 ++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/silent-penguins-wave.md

diff --git a/.changeset/silent-penguins-wave.md b/.changeset/silent-penguins-wave.md
new file mode 100644
index 00000000000..8fcca92c32c
--- /dev/null
+++ b/.changeset/silent-penguins-wave.md
@@ -0,0 +1,5 @@
+---
+'@talend/react-components': patch
+---
+
+fix: Header bar border bottom in light mode
diff --git a/packages/components/src/HeaderBar/HeaderBar.module.scss b/packages/components/src/HeaderBar/HeaderBar.module.scss
index 9a53183cc6a..fd3059c7d72 100644
--- a/packages/components/src/HeaderBar/HeaderBar.module.scss
+++ b/packages/components/src/HeaderBar/HeaderBar.module.scss
@@ -14,6 +14,12 @@ $tc-headerbar-logo-full-width: 8.5rem !default;
 	}
 }
 
+[data-theme='qlik-light'] {
+	.tc-header-bar {
+		border-bottom: 1px solid tokens.$coral-color-neutral-border-weak;
+	}
+}
+
 .tc-header-bar {
 	background: tokens.$coral-color-brand-background;
 	color: tokens.$coral-color-brand-text;
@@ -22,7 +28,6 @@ $tc-headerbar-logo-full-width: 8.5rem !default;
 	top: 0;
 	width: 100%;
 	z-index: tokens.$coral-elevation-layer-standard-front;
-	border-bottom: 1px solid tokens.$coral-color-neutral-border-weak;
 
 	svg {
 		margin: 0;