diff --git a/frontend/src/app/projects/project-detail/project-metadata/project-metadata.component.ts b/frontend/src/app/projects/project-detail/project-metadata/project-metadata.component.ts
index 85ac1d11a..a6a3ecda8 100644
--- a/frontend/src/app/projects/project-detail/project-metadata/project-metadata.component.ts
+++ b/frontend/src/app/projects/project-detail/project-metadata/project-metadata.component.ts
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
@@ -24,7 +24,7 @@ import {
   templateUrl: './project-metadata.component.html',
   styleUrls: ['./project-metadata.component.css'],
 })
-export class ProjectMetadataComponent {
+export class ProjectMetadataComponent implements OnInit {
   project?: Project;
   canDelete = false;
 
diff --git a/frontend/src/app/projects/project-detail/project-users/project-audit-log/project-audit-log.component.ts b/frontend/src/app/projects/project-detail/project-users/project-audit-log/project-audit-log.component.ts
index ef53996fa..e48920c1b 100644
--- a/frontend/src/app/projects/project-detail/project-users/project-audit-log/project-audit-log.component.ts
+++ b/frontend/src/app/projects/project-detail/project-users/project-audit-log/project-audit-log.component.ts
@@ -4,9 +4,11 @@
  */
 
 import {
+  AfterViewInit,
   Component,
   ElementRef,
   Inject,
+  OnInit,
   QueryList,
   ViewChildren,
 } from '@angular/core';
@@ -20,7 +22,7 @@ import { ProjectAuditLogService } from 'src/app/projects/project-detail/project-
   styleUrls: ['./project-audit-log.component.css'],
 })
 @UntilDestroy()
-export class ProjectAuditLogComponent {
+export class ProjectAuditLogComponent implements OnInit, AfterViewInit {
   pageSize = 25;
   pageSizeArray = [...Array(this.pageSize).keys()];