diff --git a/src/semantic.css b/src/semantic.css
index 30b2993..b866133 100644
--- a/src/semantic.css
+++ b/src/semantic.css
@@ -29,11 +29,12 @@ nav a {
   text-decoration: none;
   color: var(--text-primary);
   border-radius: 4px;
-  transition: background-color 0.2s;
+  transition: background-color 0.2s, color 0.2s;
 }
 
 nav a:hover {
   background-color: var(--bg-tertiary);
+  color: var(--button-bg-hover);
 }
 
 nav a:focus {