fix focus state overlap

anandamaryon1 · colinrotherham · commit 82d19b2779af · 2026-03-02T17:54:33.000Z
diff --git a/app/stylesheets/app/_code-highlight.scss b/app/stylesheets/app/_code-highlight.scss
@@ -51,10 +51,11 @@ p code {
 .app-code__container {
   padding: nhsuk-spacing(3);
   overflow-x: auto;
-  border: $nhsuk-border-width-form-element solid transparent;
   line-height: 1.5;
+  border: $nhsuk-focus-width solid transparent;
 
   &:focus {
-    @include nhsuk-focused-input;
+    border: $nhsuk-focus-width solid $nhsuk-focus-text-colour;
+    outline: $nhsuk-focus-width solid $nhsuk-focus-colour;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -51,10 +51,11 @@ p code {`
`51`	`51`	`.app-code__container {`
`52`	`52`	`padding: nhsuk-spacing(3);`
`53`	`53`	`overflow-x: auto;`
`54`		`- border: $nhsuk-border-width-form-element solid transparent;`
`55`	`54`	`line-height: 1.5;`
	`55`	`+ border: $nhsuk-focus-width solid transparent;`
`56`	`56`
`57`	`57`	`&:focus {`
`58`		`- @include nhsuk-focused-input;`
	`58`	`+ border: $nhsuk-focus-width solid $nhsuk-focus-text-colour;`
	`59`	`+ outline: $nhsuk-focus-width solid $nhsuk-focus-colour;`
`59`	`60`	`}`
`60`	`61`	`}`