Fix expander focus style

alphagov · Aug 16, 2019 · 911fadb · 911fadb
1 parent 474fc4f
commit 911fadb
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/app/assets/stylesheets/components/_expander.scss b/app/assets/stylesheets/components/_expander.scss
@@ -35,14 +35,17 @@
 
 .app-c-expander__button {
   @include govuk-font(19, $weight: bold);
-  @include govuk-focusable;
   position: relative;
   width: 100%;
   border: 0;
   padding: govuk-spacing(2) govuk-spacing(6) govuk-spacing(2) 0;
   background: none;
   text-align: left;
   cursor: pointer;
+
+  &:focus {
+    @include govuk-focused-text;
+  }
 }
 
 .js-enabled {