diff --git a/src/components/navigation/_navigation.scss b/src/components/navigation/_navigation.scss
index ae8489f622..b40fd83fff 100644
--- a/src/components/navigation/_navigation.scss
+++ b/src/components/navigation/_navigation.scss
@@ -47,12 +47,14 @@
     border-left: 4px solid transparent;
     display: block;
     margin: 0 0 0.2rem;
-    &--active {
+    &--active,
+    &:hover {
       border-color: var(--ons-color-white);
     }
 
     .ons-navigation--sub-mobile & {
-      &--active {
+      &--active,
+      &:hover {
         border-color: var(--ons-color-branded);
         li {
           border: 0;