diff --git a/demo/src/app/common/top-menu/top-menu.component.html b/demo/src/app/common/top-menu/top-menu.component.html
index 3df41be25c..d58d183ffa 100644
--- a/demo/src/app/common/top-menu/top-menu.component.html
+++ b/demo/src/app/common/top-menu/top-menu.component.html
@@ -10,7 +10,7 @@ <h1 class="logo" [routerLink]="['']">
       </div>
       <ul *dropdownMenu class="dropdown-menu" role="menu">
         <li role="menuitem" *ngFor="let item of previousDocs">
-          <a class="dropdown-item" [href]="appUrl + (isLocalhost ? item.unprefixedUrl : item.url) + (appHash ? '/' + appHash : '')">{{item.version}}</a>
+          <a class="dropdown-item" [href]="appUrl + (needPrefix ? item.url : item.unprefixedUrl) + (appHash ? '/' + appHash : '')">{{item.version}}</a>
         </li>
       </ul>
     </div>
diff --git a/demo/src/app/common/top-menu/top-menu.component.ts b/demo/src/app/common/top-menu/top-menu.component.ts
index 5403123d44..36c28bbb44 100644
--- a/demo/src/app/common/top-menu/top-menu.component.ts
+++ b/demo/src/app/common/top-menu/top-menu.component.ts
@@ -13,6 +13,7 @@ export class TopMenuComponent implements AfterViewInit {
   public currentVersion: string;
   public previousDocs: string[] = [];
   public isLocalhost = false;
+  public needPrefix = false;
 
   public constructor(
     private router: Router,
@@ -22,6 +23,7 @@ export class TopMenuComponent implements AfterViewInit {
   public ngAfterViewInit(): any {
     // todo: remove this sh**
     this.isLocalhost = location.hostname === 'localhost';
+    this.needPrefix = location.pathname !== '/';
     const getUrl = (router: Router) => {
       const indexOfHash = router.routerState.snapshot.url.indexOf('#');