From 322dab8415db3410ba57e2a9f1b63df74e35b2e5 Mon Sep 17 00:00:00 2001
From: Tom Byers <tombaromba@gmail.com>
Date: Mon, 14 Sep 2020 22:24:23 +0100
Subject: [PATCH] Fix focus style on 'show more' links

---
 app/assets/stylesheets/components/show-more.scss | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/components/show-more.scss b/app/assets/stylesheets/components/show-more.scss
index 3cba1623a..c5d083fcb 100644
--- a/app/assets/stylesheets/components/show-more.scss
+++ b/app/assets/stylesheets/components/show-more.scss
@@ -10,15 +10,14 @@
 
   &:focus {
 
-    outline: none;
-    color: $text-colour;
-    box-shadow: 0 -10px 0 0 $yellow;
-    border-color: $yellow;
+    border-color: transparent;
+    /* override default focus style to increase top yellow box-shadow */
+    box-shadow: 0 -15px $govuk-focus-colour, 0 4px $govuk-focus-text-colour;
 
     span {
-      background: $yellow;
       outline: none;
-      border-color: $text-colour;
+      border-color: transparent;
+      background-color: transparent;
     }
 
   }