diff --git a/ui/scss/component/_button.scss b/ui/scss/component/_button.scss
index a008320c8..0c21d0499 100644
--- a/ui/scss/component/_button.scss
+++ b/ui/scss/component/_button.scss
@@ -5,8 +5,10 @@
     font-size: var(--font-small);
   }
 
-  &:focus {
-    @include focus;
+  @media (min-width: $breakpoint-small) {
+    &:focus {
+      @include focus;
+    }
   }
 }
 
diff --git a/ui/scss/component/_header.scss b/ui/scss/component/_header.scss
index 5dc8ba006..d47c07daa 100644
--- a/ui/scss/component/_header.scss
+++ b/ui/scss/component/_header.scss
@@ -123,8 +123,10 @@
     background-color: var(--color-primary-alt);
   }
 
-  &:focus {
-    @include focus;
+  @media (min-width: $breakpoint-small) {
+    &:focus {
+      @include focus;
+    }
   }
 
   span {
diff --git a/ui/scss/component/section.scss b/ui/scss/component/section.scss
index 815166f41..772523c49 100644
--- a/ui/scss/component/section.scss
+++ b/ui/scss/component/section.scss
@@ -115,8 +115,10 @@
 
   .button--primary,
   .button ~ .button--link {
-    &:focus {
-      @include focus;
+    @media (min-width: $breakpoint-small) {
+      &:focus {
+        @include focus;
+      }
     }
   }