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 d44f0f000e..fb0f5f08de 100644
--- a/projects/angular/src/layout/vertical-nav/_vertical-nav.clarity.scss
+++ b/projects/angular/src/layout/vertical-nav/_vertical-nav.clarity.scss
@@ -159,6 +159,10 @@
       }
     }
 
+    .nav-group-children {
+      overflow-y: hidden;
+    }
+
     .nav-trigger,
     .nav-group-trigger {
       //Display
diff --git a/projects/angular/src/layout/vertical-nav/vertical-nav-group.ts b/projects/angular/src/layout/vertical-nav/vertical-nav-group.ts
index d9b06eadb0..d2464b997c 100644
--- a/projects/angular/src/layout/vertical-nav/vertical-nav-group.ts
+++ b/projects/angular/src/layout/vertical-nav/vertical-nav-group.ts
@@ -24,7 +24,7 @@ const COLLAPSED_STATE = 'collapsed';
   animations: [
     trigger('clrExpand', [
       state(EXPANDED_STATE, style({ height: '*' })),
-      state(COLLAPSED_STATE, style({ height: 0, 'overflow-y': 'hidden', visibility: 'hidden' })),
+      state(COLLAPSED_STATE, style({ height: 0, visibility: 'hidden' })),
       transition(`${EXPANDED_STATE} <=> ${COLLAPSED_STATE}`, animate('0.2s ease-in-out')),
     ]),
   ],