diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-handelser-dialog/deltagare-list-handelser-dialog.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-handelser-dialog/deltagare-list-handelser-dialog.component.html
index f0996fc..250b981 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-handelser-dialog/deltagare-list-handelser-dialog.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-handelser-dialog/deltagare-list-handelser-dialog.component.html
@@ -2,8 +2,8 @@
   <p>Genomförandereferens: <strong>{{deltagare?.genomforandeReferens}}</strong></p>
 
   <ui-loader *ngIf="handelserLoading$ | async" uiType="absolute"></ui-loader>
-  <digi-table af-size="s" *ngIf="deltagareHandelser$ | async; let deltagareHandelser">
-    <ng-container *ngIf="deltagareHandelser.length > 0; else noEvents">
+  <digi-table af-size="s" *ngIf="deltagareHandelserData$ | async as deltagareHandelserData">
+    <ng-container *ngIf="deltagareHandelserData.data.length > 0; else noEvents">
       <table>
         <caption class="msfa__a11y-sr-only">
           Lista med alla händelser för {{deltagare?.fullName}}
@@ -16,7 +16,7 @@
           </tr>
         </thead>
         <tbody>
-          <tr *ngFor="let handelse of deltagareHandelser;">
+          <tr *ngFor="let handelse of deltagareHandelserData.data;">
             <td class="deltagare-list-handelser__table-cell">
               <digi-typography-time [afDateTime]="getHandelseDate(handelse, 'receivedDate')"></digi-typography-time>
             </td>
@@ -39,22 +39,21 @@
         </tbody>
       </table>
     </ng-container>
+    <ng-container *ngIf="deltagareHandelserData.meta as paginationMeta">
+      <digi-navigation-pagination
+        *ngIf="paginationMeta?.totalPage > 1"
+        class="deltagare-list-handelser__pagination"
+        [afTotalPages]="paginationMeta?.totalPage"
+        [afInitActivePage]="paginationMeta?.page"
+        [afCurrentResultStart]="currentResultStart(paginationMeta)"
+        [afCurrentResultEnd]="currentResultEnd(paginationMeta)"
+        [afTotalResults]="paginationMeta?.count"
+        (afOnPageChange)="setNewPage($event.detail)"
+        af-result-name="händelser"
+      >
+      </digi-navigation-pagination>
+    </ng-container>
   </digi-table>
-
-  <ng-container *ngIf="paginationMeta$ | async as paginationMeta">
-    <digi-navigation-pagination
-      *ngIf="paginationMeta?.totalPage > 1"
-      class="deltagare-list-handelser__pagination"
-      [afTotalPages]="paginationMeta?.totalPage"
-      [afInitActivePage]="paginationMeta?.page"
-      [afCurrentResultStart]="currentResultStart(paginationMeta)"
-      [afCurrentResultEnd]="currentResultEnd(paginationMeta)"
-      [afTotalResults]="paginationMeta?.count"
-      (afOnPageChange)="setNewPage($event.detail)"
-      af-result-name="händelser"
-    >
-    </digi-navigation-pagination>
-  </ng-container>
 </div>
 
 <ng-template #noEvents> Inga händelser har inkommit. </ng-template>
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-handelser-dialog/deltagare-list-handelser-dialog.component.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-handelser-dialog/deltagare-list-handelser-dialog.component.ts
index 85a0679..6b52867 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-handelser-dialog/deltagare-list-handelser-dialog.component.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-handelser-dialog/deltagare-list-handelser-dialog.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { DeltagareHandelse } from '@msfa-models/deltagare-handelse.model';
+import { DeltagareHandelse, DeltagareHandelseData } from '@msfa-models/deltagare-handelse.model';
 import { Observable } from 'rxjs';
 import { IconType } from '@msfa-enums/icon-type.enum';
 import { DeltagareCompact } from '@msfa-models/deltagare.model';
@@ -16,8 +16,7 @@ import { DeltagareHandelserService } from '@msfa-services/deltagare-handelser.se
 export class DeltagareListHandelserDialogComponent implements OnInit, OnDestroy {
   @Input() deltagare: DeltagareCompact;
   iconType = IconType;
-  deltagareHandelser$: Observable<DeltagareHandelse[]>;
-  paginationMeta$: Observable<PaginationMeta>;
+  deltagareHandelserData$: Observable<DeltagareHandelseData>;
   handelserLoading$ = this.deltagareHandelserService.handelserLoading$;
 
   constructor(private deltagareHandelserService: DeltagareHandelserService) {}
@@ -29,13 +28,7 @@ export class DeltagareListHandelserDialogComponent implements OnInit, OnDestroy
   ngOnInit(): void {
     if (this.deltagare) {
       this.deltagareHandelserService.setGenomforandeReferens$(this.deltagare.genomforandeReferens);
-      this.deltagareHandelser$ = this.deltagareHandelserService.deltagareHandelserData$.pipe(
-        map(handelse => handelse.data)
-      );
-
-      this.paginationMeta$ = this.deltagareHandelserService.deltagareHandelserData$.pipe(
-        map(handelse => handelse.meta)
-      );
+      this.deltagareHandelserData$ = this.deltagareHandelserService.deltagareHandelserData$;
     }
   }