diff --git a/assets/sass/components/_buttons.scss b/assets/sass/components/_buttons.scss
index 0dffbcbf..3f9d0655 100644
--- a/assets/sass/components/_buttons.scss
+++ b/assets/sass/components/_buttons.scss
@@ -24,10 +24,14 @@ Style guide: Forms & buttons. 01 Buttons
     &:focus {
       background-color: $bg-colour--hover;
       color: $text-colour--hover;
+      outline: $text-colour--hover solid 2px;
+      outline-offset: -4px;
     }
 
     &:active {
       background-color: $bg-colour--active;
+      outline: $text-colour solid 2px;
+      outline-offset: -4px;
     }
   }
 }