diff --git a/projects/angular/src/layout/vertical-nav/_vertical-nav.clarity.scss b/projects/angular/src/layout/vertical-nav/_vertical-nav.clarity.scss
index 89ee095683..d44f0f000e 100644
--- a/projects/angular/src/layout/vertical-nav/_vertical-nav.clarity.scss
+++ b/projects/angular/src/layout/vertical-nav/_vertical-nav.clarity.scss
@@ -21,7 +21,17 @@
       $clr-use-custom-properties
     );
 
-    border-left: $clr_baselineRem_3px solid var(--clr-nav-active-box-shadow-color);
+    position: relative;
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      width: $clr_baselineRem_3px;
+      background: var(--clr-nav-active-box-shadow-color);
+    }
 
     .nav-icon {
       @include css-var(