diff --git a/app/assets/css/layout.css b/app/assets/css/layout.css
index da0bcc16..96ee986b 100644
--- a/app/assets/css/layout.css
+++ b/app/assets/css/layout.css
@@ -160,7 +160,7 @@
     text-decoration: none;
     transition: border-bottom-color 0.3s ease-in-out;
 
-    &:hover, &:active, &.active {
+    &:hover, &:active, &[data-state="active"] {
       border-bottom-color: var(--site-orange);
     }
   }