From 420f284435a5156ebcea3395dd80ab0e701d643a Mon Sep 17 00:00:00 2001
From: Supravisor <153783117+Supravisor@users.noreply.github.com>
Date: Tue, 26 Mar 2024 23:04:34 +1300
Subject: [PATCH] fix(UI): skip button outline visibility (#54210)

Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
---
 client/src/components/Header/header.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Header/header.css b/client/src/components/Header/header.css
index 08260168d5e..79f653b9e0c 100644
--- a/client/src/components/Header/header.css
+++ b/client/src/components/Header/header.css
@@ -15,6 +15,14 @@
   left: -1000px;
 }
 
-.skip-to-content-button:focus {
-  left: 0;
+@media screen and (min-width: 980px) {
+  .skip-to-content-button:focus {
+    left: 15px;
+  }
+}
+
+@media screen and (max-width: 979px) {
+  .skip-to-content-button:focus {
+    left: 5px;
+  }
 }