fix: Ensure header button border remain visible on mobile hover/focus (#1602)

Rohs21 · priyankarpal · web-flow · commit e5e12dea87cf · 2025-10-06T23:15:15.000+05:30
Co-authored-by: Priyankar Pal &lt;88102392+priyankarpal@users.noreply.github.com&gt;
diff --git 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 {

Original file line number	Diff line number	Diff line change
`@@ -283,8 +283,8 @@`
`283`	`283`
`284`	`284`	`.header-links > li > .app-header-btn.app-header-btn--secondary:hover,`
`285`	`285`	`.header-links > li > .app-header-btn.app-header-btn--secondary:focus {`
`286`		`- border-color: var(--color-neutral-10);`
`287`		`- background-color: var(--color-neutral-10);`
	`286`	`+border-color: var(--color-brand-primary);`
	`287`	`+background-color: var(--color-neutral-10);`
`288`	`288`	`}`
`289`	`289`
`290`	`290`	`.header-links > li > .app-header-btn.app-header-btn--secondary {`