diff --git a/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/createaccount.scss b/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/createaccount.scss
index 069127a82..108bbf81a 100644
--- a/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/createaccount.scss
+++ b/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/createaccount.scss
@@ -48,6 +48,16 @@
         width: 52px;
         padding-top: 0;
 
+        &:focus {
+            background-color: #ffeb3b;
+            border: 0;
+            box-shadow: 0 4px 0 0 #212b32;
+            color: #212b32;
+            outline: 4px solid rgba(0,0,0,0);
+            outline-offset: 4px;
+            box-shadow: 0 -2px #ffeb3b,0 4px #212b32
+        }
+
         span.nhsuk-u-visually-hidden {
             color: $nhsuk-white;
         }
diff --git a/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/mylearning.scss b/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/mylearning.scss
index 26b854a14..bebb4e2f8 100644
--- a/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/mylearning.scss
+++ b/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/mylearning.scss
@@ -67,6 +67,16 @@
         display: block;
         height: 40px;
         width: 44px;
+
+        &:focus {
+            background-color: #ffeb3b;
+            border: 0;
+            box-shadow: 0 4px 0 0 #212b32;
+            color: #212b32;
+            outline: 4px solid rgba(0,0,0,0);
+            outline-offset: 4px;
+            box-shadow: 0 -2px #ffeb3b,0 4px #212b32
+        }
     }