diff --git a/apps/client/src/main.ts b/apps/client/src/main.ts
index 2a22b7b7b..a63f03250 100644
--- a/apps/client/src/main.ts
+++ b/apps/client/src/main.ts
@@ -1,4 +1,3 @@
-import { locale } from '@ghostfolio/common/config';
 import { InfoResponse } from '@ghostfolio/common/interfaces';
 import { filterGlobalPermissions } from '@ghostfolio/common/permissions';
 import { GfNotificationModule } from '@ghostfolio/ui/notifications';
@@ -91,7 +90,7 @@ import { environment } from './environments/environment';
       },
       {
         provide: LOCALE_ID,
-        useValue: locale
+        useValue: $localize.locale ?? 'en-US'
       },
       {
         provide: MAT_DATE_FORMATS,
diff --git a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
index 5b9083331..4f9ac456c 100644
--- a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
+++ b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
@@ -32,8 +32,7 @@
           <mat-label i18n>Retirement Date</mat-label>
           <div>
             {{
-              calculatorForm.get('retirementDate')?.value
-                | date: 'MMMM yyyy' : undefined : locale
+              calculatorForm.get('retirementDate')?.value | date: 'MMMM yyyy'
             }}
           </div>
           <input