diff --git a/npm/ng-packs/packages/theme-basic/src/lib/components/routes/routes.component.html b/npm/ng-packs/packages/theme-basic/src/lib/components/routes/routes.component.html
index 4d22ddc8d2..d987f22860 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/components/routes/routes.component.html
+++ b/npm/ng-packs/packages/theme-basic/src/lib/components/routes/routes.component.html
@@ -1,7 +1,7 @@
 <ul class="navbar-nav">
   <ng-container
     *ngFor="let route of routes.visible$ | async; trackBy: trackByFn"
-    [ngTemplateOutlet]="route?.children?.length ? dropdownLink : defaultLink"
+    [ngTemplateOutlet]="isDropdown(route) ? dropdownLink : defaultLink"
     [ngTemplateOutletContext]="{ $implicit: route }"
   >
   </ng-container>
diff --git a/npm/ng-packs/packages/theme-basic/src/lib/components/routes/routes.component.ts b/npm/ng-packs/packages/theme-basic/src/lib/components/routes/routes.component.ts
index 8b73c8ee29..3b696b82c4 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/components/routes/routes.component.ts
+++ b/npm/ng-packs/packages/theme-basic/src/lib/components/routes/routes.component.ts
@@ -11,4 +11,8 @@ export class RoutesComponent {
   trackByFn: TrackByFunction<TreeNode<ABP.Route>> = (_, item) => item.name;
 
   constructor(public readonly routes: RoutesService) {}
+
+  isDropdown(node: TreeNode<ABP.Route>) {
+    return !node.isLeaf || this.routes.hasInvisibleChild(node.name);
+  }
 }