diff --git a/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html b/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html
index 4553224a..2d3cf89c 100644
--- a/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html
+++ b/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html
@@ -140,7 +140,7 @@
           <tr>
             <th translate="search.content"></th>
             <td>
-              <ng-container *ngIf="assetDetail.assetFormatCompositions.length === 0">&ndash; </ng-container>
+              <ng-container *ngIf="assetDetail.assetFormatCompositions.length === 0">&ndash;</ng-container>
               <ng-container *rxFor="let assetFormatComposition of assetDetail.assetFormatCompositions; let last = last">
                 {{ (assetFormatComposition | valueItemName) + (last ? "" : ", ") }}
               </ng-container>
@@ -158,14 +158,13 @@
           <tr>
             <th translate="search.reference"></th>
             <td>
-              <ng-container *ngIf="assetDetail.referenceAssets.length === 0">&ndash; </ng-container>
+              <ng-container *ngIf="assetDetail.referenceAssets.length === 0">&ndash;</ng-container>
               <ul [class.single-entry]="assetDetail.referenceAssets.length === 1">
                 <li *rxFor="let referenceAsset of assetDetail.referenceAssets">
                   <a
                     asset-sg-reset
                     class="line"
-                    [routerLink]="['.']"
-                    [queryParams]="{ searchParams: undefined, assetId: referenceAsset.assetId }"
+                    (click)="searchForReferenceAsset(referenceAsset.assetId)"
                     queryParamsHandling="merge"
                   >
                     {{ referenceAsset.titlePublic }}
diff --git a/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.ts b/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.ts
index 1e56cec0..53490aac 100644
--- a/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.ts
+++ b/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.ts
@@ -32,12 +32,16 @@ export class AssetSearchDetailComponent {
 
   constructor(private httpClient: HttpClient) {}
 
-  isActiveFileDownload(file: Omit<AssetFile, 'fileSize'>, isDownload = true): boolean {
+  public isActiveFileDownload(file: Omit<AssetFile, 'fileSize'>, isDownload = true): boolean {
     const download = this.activeFileDownloads.get(file.fileId);
     return download != null && download.isDownload == isDownload;
   }
 
-  downloadFile(file: Omit<AssetFile, 'fileSize'>, isDownload = true): void {
+  public searchForReferenceAsset(assetId: number) {
+    this._store.dispatch(actions.assetClicked({ assetId }));
+  }
+
+  public downloadFile(file: Omit<AssetFile, 'fileSize'>, isDownload = true): void {
     this.activeFileDownloads.set(file.fileId, { isDownload });
     this.httpClient.get(`/api/files/${file.fileId}`, { responseType: 'blob' }).subscribe({
       next: (blob) => {