Fix colour of hovered buttons using the <button> element

nationalarchives · Sep 16, 2024 · 4170a87 · 4170a87
1 parent b829f79
commit 4170a87
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Deprecated
 ### Removed
 ### Fixed
+
+- Fixed colour of hovered buttons using the `<button>` element
+
 ### Security
 
 ## [0.2.13](https://github.com/nationalarchives/tna-frontend/compare/v0.2.12...v0.2.13) - 2024-09-13

diff --git a/src/nationalarchives/components/button/button.scss b/src/nationalarchives/components/button/button.scss
@@ -71,7 +71,9 @@ $button-border-width: 4px !default;
 
     &,
     &:link,
-    &:visited {
+    &:visited,
+    &:hover,
+    &:focus {
       @include colour.colour-font("link");
     }