From 8ac5bc2423d33fe2275317dca4e9f81fe8119892 Mon Sep 17 00:00:00 2001
From: Rohan_Singh <129981121+Rohs21@users.noreply.github.com>
Date: Sat, 4 Oct 2025 13:48:16 +0000
Subject: [PATCH] fix: Ensure header button border remain visible on mobile
 hover/focus

---
 src/common/header/header.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/common/header/header.css b/src/common/header/header.css
index 12a5c84fb8..8324afb537 100644
--- a/src/common/header/header.css
+++ b/src/common/header/header.css
@@ -283,8 +283,8 @@
 
 .header-links > li > .app-header-btn.app-header-btn--secondary:hover,
 .header-links > li > .app-header-btn.app-header-btn--secondary:focus {
-  border-color: var(--color-neutral-10);
-  background-color: var(--color-neutral-10);
+border-color: var(--color-brand-primary);
+background-color: var(--color-neutral-10);
 }
 
 .header-links > li > .app-header-btn.app-header-btn--secondary {