diff --git a/dfa/src/UI/embc-dfa/src/app/app.component.html b/dfa/src/UI/embc-dfa/src/app/app.component.html
index 637ec05c1..1ebbffc5f 100644
--- a/dfa/src/UI/embc-dfa/src/app/app.component.html
+++ b/dfa/src/UI/embc-dfa/src/app/app.component.html
@@ -4,9 +4,7 @@
     (closeEvent)="closeOutageBanner($event)"
   ></app-outage-banner>
 
-  @if (environment !== null && environment !== undefined) {
-    <app-environment-banner [environment]="environment"></app-environment-banner>
-  }
+  <app-environment-banner *ngIf="environment" [environment]="environment"></app-environment-banner>
 
   <app-header
     [ngStyle]="
diff --git a/dfa/src/UI/embc-dfa/src/app/core/layout/environment-banner/environment-banner.component.ts b/dfa/src/UI/embc-dfa/src/app/core/layout/environment-banner/environment-banner.component.ts
index 991b26379..c1bebc1cb 100644
--- a/dfa/src/UI/embc-dfa/src/app/core/layout/environment-banner/environment-banner.component.ts
+++ b/dfa/src/UI/embc-dfa/src/app/core/layout/environment-banner/environment-banner.component.ts
@@ -7,14 +7,12 @@ import { NgStyle } from '@angular/common';
 @Component({
   selector: 'app-environment-banner',
   templateUrl: './environment-banner.component.html',
-  styleUrls: ['./environment-banner.component.scss'],
+  styleUrls: ['./environment-banner.component.scss']
 })
 export class EnvironmentBannerComponent implements OnInit {
-  environment: EnvironmentInformation;
+  @Input() environment: EnvironmentInformation;
 
-  constructor(private envBannerService: EnvironmentBannerService) {}
+  constructor() {}
 
-  ngOnInit(): void {
-    this.environment = this.envBannerService.getEnvironmentBanner();
-  }
+  ngOnInit(): void {}
 }