diff --git a/src/app/qualifications/qualifications.component.ts b/src/app/qualifications/qualifications.component.ts
index 12c2108..1e9650c 100644
--- a/src/app/qualifications/qualifications.component.ts
+++ b/src/app/qualifications/qualifications.component.ts
@@ -1,4 +1,4 @@
-import {Component, inject} from '@angular/core';
+import {Component, inject, OnInit} from '@angular/core';
 import {Observable} from "rxjs";
 import {Qualification} from "../Qualification";
 import {AsyncPipe} from "@angular/common";
@@ -33,13 +33,14 @@ import {CreateQualificationComponent} from "../create-qualification/create-quali
   templateUrl: './qualifications.component.html',
   styleUrl: './qualifications.component.css'
 })
-export class QualificationsComponent {
+export class QualificationsComponent implements OnInit{
   public qualifications$!: Observable<Qualification[]>;
   public readonly displayedColumns: string[] = ['skill', 'actions'];
 
   private readonly dialog: MatDialog = inject(MatDialog);
+  private readonly qualificationService: QualificationService = inject(QualificationService);
 
-  constructor(private readonly qualificationService: QualificationService) {
+  ngOnInit() {
     this.loadQualifications();
   }