diff --git a/client/css/main.css b/client/css/main.css
index f5082517..ad096879 100644
--- a/client/css/main.css
+++ b/client/css/main.css
@@ -44,6 +44,7 @@ h1, h2, h3 {
 a {
     color: var(--main-color);
     text-decoration: none;
+    transition: color 0.1s linear;
 }
 
 #content-holder {
@@ -106,6 +107,9 @@ nav.text-nav ul li a {
 nav.text-nav ul li:not(.active) a {
     color: var(--inactive-tab-text-color);
 }
+nav.text-nav ul li:hover:not(.active) a {
+    color: var(--active-tab-text-color);
+}
 nav.text-nav ul li.active a {
     background: var(--active-tab-background-color);
     color: var(--active-tab-text-color);