diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index 7ec3c8c4..a91a8988 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -148,12 +148,15 @@ nav ul li:last-child {
   color: var(--blue-600);
 }
 
-.active svg {
+.active svg,
+nav ul li .active svg {
   stroke: var(--blue-600);
 }
 
 .active:hover svg,
-.active svg:hover {
+.active svg:hover,
+nav ul li .active:hover svg,
+nav ul li .active svg:hover {
   stroke-width: var(--stroke-width-default);
 }
 
@@ -450,6 +453,15 @@ footer nav {
     stroke: var(--blue-400);
   }
 
+  .active {
+    color: var(--blue-400);
+  }
+
+  .active svg,
+  nav ul li .active svg {
+    stroke: var(--blue-400);
+  }
+
   :is(.main__title, footer nav:last-child) a {
     color: var(--white);
   }