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;
+  }
 }