diff --git a/styleguide/assets/style/styleguide.css b/styleguide/assets/style/styleguide.css
index 21549f2..d2eb35f 100644
--- a/styleguide/assets/style/styleguide.css
+++ b/styleguide/assets/style/styleguide.css
@@ -487,7 +487,7 @@ body > div nav ul li > a {
   transition-duration: 400ms;
   transition-timing-function: ease-in;
 }
-body > div nav ul li > a:visited, body > div nav ul li > a:focus, body > div nav ul li > a:active {
+body > div nav ul li > a:visited, body > div nav ul li > a:focus, body > div nav ul li > a:active, body > div nav ul li > a:hover {
   color: var(--color-foreground);
 }
 body > div nav ul li > a i[data-icon] {
@@ -505,7 +505,7 @@ body > div nav ul li:hover a, body > div nav ul li:focus-within a {
   filter: drop-shadow(0 0 0.0625em var(--color-white)) drop-shadow(0 0 0.125em var(--local-primary)) drop-shadow(0 0 0.25em var(--local-primary));
   transition: filter 100ms cubic-bezier(0, 2.01, 0.99, -0.72) 50ms, outline-color 100ms cubic-bezier(0, 2.01, 0.99, -0.72) 50ms;
 }
-body > div nav ul li:hover a:visited, body > div nav ul li:hover a:focus, body > div nav ul li:hover a:active, body > div nav ul li:focus-within a:visited, body > div nav ul li:focus-within a:focus, body > div nav ul li:focus-within a:active {
+body > div nav ul li:hover a:visited, body > div nav ul li:hover a:focus, body > div nav ul li:hover a:active, body > div nav ul li:hover a:hover, body > div nav ul li:focus-within a:visited, body > div nav ul li:focus-within a:focus, body > div nav ul li:focus-within a:active, body > div nav ul li:focus-within a:hover {
   color: var(--color-white);
 }
 body > div main {
diff --git a/styleguide/assets/style/styleguide.scss b/styleguide/assets/style/styleguide.scss
index 885c346..f4f6b03 100644
--- a/styleguide/assets/style/styleguide.scss
+++ b/styleguide/assets/style/styleguide.scss
@@ -68,7 +68,7 @@ body {
             transition-duration: 400ms;
             transition-timing-function: ease-in;
 
-            &:visited, &:focus, &:active {
+            &:visited, &:focus, &:active, &:hover {
               color: var(--color-foreground);
             }
 
@@ -90,7 +90,7 @@ body {
               transition: filter 100ms cubic-bezier(0, 2.01, .99, -0.72) 50ms,
               outline-color 100ms cubic-bezier(0, 2.01, .99, -0.72) 50ms;
 
-              &:visited, &:focus, &:active {
+              &:visited, &:focus, &:active, &:hover {
                 color: var(--color-white);
               }
             }