diff --git a/src/main/webapp/app/layouts/footer/footer.component.html b/src/main/webapp/app/layouts/footer/footer.component.html
index 92529513df513d46e71f33aaa8d70538d3968ab0..ef3d5f24ecd1ea415c7473e33f8e28369c0ecb40 100644
--- a/src/main/webapp/app/layouts/footer/footer.component.html
+++ b/src/main/webapp/app/layouts/footer/footer.component.html
@@ -2,14 +2,8 @@
   <div class="footer fixed-bottom">
     <div class="container">
       <div class="row">
-        <div
-          class="position-absolute"
-          style="right: 0px; padding-right: 10px; font-size: small"
-          *ngIf="applicationInfoService.getDeploymentInfo().branch"
-        >
-          {{ applicationInfoService.getDeploymentInfo().branch }}/{{ applicationInfoService.getDeploymentInfo().commitId }} ({{
-            applicationInfoService.getDeploymentInfo().deploymentDate
-          }})
+        <div class="position-absolute" style="right: 0px; padding-right: 10px; font-size: small" *ngIf="deploymentInfo?.branch">
+          {{ deploymentInfo?.branch }}/{{ deploymentInfo?.commitId }} ({{ deploymentInfo?.deploymentDate }})
         </div>
         <div class="col-4">
           <a href="https://codeability.uibk.ac.at/" title="test" jhiTranslate="global.footer.about">About codeAbility</a>
diff --git a/src/main/webapp/app/layouts/footer/footer.component.ts b/src/main/webapp/app/layouts/footer/footer.component.ts
index c38de466f2896c137a9b63ee85c9905ab72df457..23ddecf0cf20926cd11c6ae48fff28186fe0193d 100644
--- a/src/main/webapp/app/layouts/footer/footer.component.ts
+++ b/src/main/webapp/app/layouts/footer/footer.component.ts
@@ -1,10 +1,15 @@
-import { Component } from '@angular/core';
-import { ApplicationInfoService } from 'app/core/application/applicationInfo.service';
+import { Component, OnInit } from '@angular/core';
+import { ApplicationInfoService, DeploymentInfo } from 'app/core/application/applicationInfo.service';
 
 @Component({
   selector: 'jhi-footer',
   templateUrl: './footer.component.html',
 })
-export class FooterComponent {
+export class FooterComponent implements OnInit {
+  deploymentInfo?: DeploymentInfo;
+
   constructor(public applicationInfoService: ApplicationInfoService) {}
+  ngOnInit(): void {
+    this.deploymentInfo = this.applicationInfoService.getDeploymentInfo();
+  }
 }