diff --git a/src/frontend/app/ui/gallery/navigator/navigator.gallery.component.html b/src/frontend/app/ui/gallery/navigator/navigator.gallery.component.html
index 88b034fe..363e28cd 100644
--- a/src/frontend/app/ui/gallery/navigator/navigator.gallery.component.html
+++ b/src/frontend/app/ui/gallery/navigator/navigator.gallery.component.html
@@ -15,7 +15,7 @@
   </ol>
 
   <div class="right-side">
-    <a *ngIf="config.Client.Other.enableDownloadZip && directory && ItemCount > 0" [href]="'/api/gallery/zip/' + getDirectoryPath()"
+    <a *ngIf="config.Client.Other.enableDownloadZip && directory && ItemCount > 0" [href]="getDownloadZipLink()"
       [queryParams]="queryService.getParams()">Download</a>
     <div class="divider" *ngIf="directory && ItemCount > 0">&nbsp;</div>
     <div class="photos-count" *ngIf="ItemCount > 0 && config.Client.Other.NavBar.showItemCount">
diff --git a/src/frontend/app/ui/gallery/navigator/navigator.gallery.component.ts b/src/frontend/app/ui/gallery/navigator/navigator.gallery.component.ts
index 51450837..f37eaaad 100644
--- a/src/frontend/app/ui/gallery/navigator/navigator.gallery.component.ts
+++ b/src/frontend/app/ui/gallery/navigator/navigator.gallery.component.ts
@@ -93,6 +93,10 @@ export class GalleryNavigatorComponent implements OnChanges {
     this.galleryService.setSorting(sorting);
   }
 
+  getDownloadZipLink(): string {
+    return Config.Client.urlBase + '/api/gallery/zip/' + this.getDirectoryPath();
+  }
+
   getDirectoryPath(): string {
     return Utils.concatUrls(this.directory.path, this.directory.name);
   }