From a16f0a08a1dc4e981053be1ddf614129b2ccf601 Mon Sep 17 00:00:00 2001
From: Amy Benson <amybenson@hiveit.co.uk>
Date: Thu, 9 Jan 2025 16:41:24 +0000
Subject: [PATCH] EES-5285 5294 focus styles for tables and table header groups

---
 .../components/FixedMultiHeaderDataTable.module.scss          | 4 +++-
 .../table-tool/components/TableHeadersGroup.module.scss       | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/explore-education-statistics-common/src/modules/table-tool/components/FixedMultiHeaderDataTable.module.scss b/src/explore-education-statistics-common/src/modules/table-tool/components/FixedMultiHeaderDataTable.module.scss
index d28cf50222a..666aafe4758 100644
--- a/src/explore-education-statistics-common/src/modules/table-tool/components/FixedMultiHeaderDataTable.module.scss
+++ b/src/explore-education-statistics-common/src/modules/table-tool/components/FixedMultiHeaderDataTable.module.scss
@@ -28,6 +28,8 @@
   width: 100%;
 
   &:focus {
-    outline: none;
+    box-shadow: 0 0 0 4px;
+    outline: $govuk-focus-colour solid $govuk-focus-width;
+    outline-offset: 4px;
   }
 }
diff --git a/src/explore-education-statistics-common/src/modules/table-tool/components/TableHeadersGroup.module.scss b/src/explore-education-statistics-common/src/modules/table-tool/components/TableHeadersGroup.module.scss
index 5eb70737f12..6ce2b22c51c 100644
--- a/src/explore-education-statistics-common/src/modules/table-tool/components/TableHeadersGroup.module.scss
+++ b/src/explore-education-statistics-common/src/modules/table-tool/components/TableHeadersGroup.module.scss
@@ -28,7 +28,9 @@
 
   &.focused {
     border-color: transparent;
+    box-shadow: inset 0 0 0 4px;
     outline: $govuk-focus-colour solid $govuk-focus-width;
+    outline-offset: -2px;
   }
 
   &.dragEnabled:hover {