diff --git a/frontend/src/app/pages/forms/forms.component.html b/frontend/src/app/pages/forms/forms.component.html
index cef82a3..69fad03 100644
--- a/frontend/src/app/pages/forms/forms.component.html
+++ b/frontend/src/app/pages/forms/forms.component.html
@@ -1,8 +1,8 @@
 <ng-container>
-  <app-header [current_page]="currentPage" height="200px" background_image="/public/img/backgrounds/staff.png"
+  <app-header [current_page]="currentPage()" height="200px" background_image="/public/img/backgrounds/staff.png"
               [overlay_gradient]="0.5">
     <div class="title" header-content>
-      <h1>{{ formTitle }}</h1>
+      <h1>{{ formTitle() }}</h1>
     </div>
   </app-header>
   <main>
diff --git a/frontend/src/app/pages/forms/forms.component.ts b/frontend/src/app/pages/forms/forms.component.ts
index 7fa00e9..91e473e 100644
--- a/frontend/src/app/pages/forms/forms.component.ts
+++ b/frontend/src/app/pages/forms/forms.component.ts
@@ -1,4 +1,4 @@
-import {Component, Input} from '@angular/core';
+import {Component, input} from '@angular/core';
 import {HeaderComponent} from '@header/header.component';
 import {RouterLink} from '@angular/router';
 
@@ -12,6 +12,6 @@ import {RouterLink} from '@angular/router';
   styleUrl: './forms.component.scss'
 })
 export class FormsComponent {
-  @Input() formTitle: string = 'Form';
-  @Input() currentPage: string = 'forms';
+  formTitle = input<string>('Form');
+  currentPage = input<string>('forms');
 }