diff --git a/Ui/src/app/app.module.ts b/Ui/src/app/app.module.ts
index 3e21261..dad0937 100644
--- a/Ui/src/app/app.module.ts
+++ b/Ui/src/app/app.module.ts
@@ -65,9 +65,10 @@ import { CustomEventCategoryComponent } from './pages/custom-event/custom-event-
 import { CustomEventLeaderboardComponent } from './pages/custom-event/custom-event-leaderboard/custom-event-leaderboard.component';
 import { CustomEventEventsComponent } from './pages/custom-event/custom-event-events/custom-event-events.component';
 import {NgxMaskDirective, NgxMaskPipe, provideNgxMask} from "ngx-mask";
-import {CountUpModule} from "ngx-countup";
 import { PlayerSquadsComponent } from './pages/player-squads/player-squads.component';
 import { SquadEditModalComponent } from './modals/squad-edit-modal/squad-edit-modal.component';
+import {CommonModule} from "@angular/common";
+import {CountUpDirective} from "ngx-countup";
 
 @NgModule({
   declarations: [
@@ -125,29 +126,30 @@ import { SquadEditModalComponent } from './modals/squad-edit-modal/squad-edit-mo
     PlayerSquadsComponent,
     SquadEditModalComponent
   ],
-    imports: [
-        BrowserModule,
-        AppRoutingModule,
-        BrowserAnimationsModule,
-        NgbModule,
-        FormsModule,
-        NgxPaginationModule,
-        ReactiveFormsModule,
-        NgxSpinnerModule,
-        NgbRatingModule,
-        ToastrModule.forRoot({
-            positionClass: 'toast-bottom-right',
-        }),
-        JwtModule.forRoot({
-            config: {
-                tokenGetter: () => localStorage.getItem(''),
-            }
-        }),
-        AgCharts,
-      NgxMaskDirective,
-      NgxMaskPipe,
-      CountUpModule
-    ],
+  imports: [
+    CommonModule,
+    BrowserModule,
+    AppRoutingModule,
+    BrowserAnimationsModule,
+    NgbModule,
+    FormsModule,
+    NgxPaginationModule,
+    ReactiveFormsModule,
+    NgxSpinnerModule,
+    NgbRatingModule,
+    ToastrModule.forRoot({
+      positionClass: 'toast-bottom-right',
+    }),
+    JwtModule.forRoot({
+      config: {
+        tokenGetter: () => localStorage.getItem(''),
+      }
+    }),
+    AgCharts,
+    NgxMaskDirective,
+    NgxMaskPipe,
+    CountUpDirective
+  ],
   providers: [
     provideNgxMask(),
     provideHttpClient(withInterceptors([spinnerInterceptor, jwtInterceptor]))
diff --git a/Ui/src/app/pages/alliance/alliance-api-key/alliance-api-key.component.css b/Ui/src/app/pages/alliance/alliance-api-key/alliance-api-key.component.css
index b0c00da..6d303a9 100644
--- a/Ui/src/app/pages/alliance/alliance-api-key/alliance-api-key.component.css
+++ b/Ui/src/app/pages/alliance/alliance-api-key/alliance-api-key.component.css
@@ -16,7 +16,7 @@
 }
 
 .api-key-input-group {
-  max-width: 420px; // Begrenzung der Breite des Input-Feldes
+  max-width: 420px;
 }
 
 .api-key-input {
diff --git a/Ui/src/app/pages/player-information/player-info-vs-duel/player-info-vs-duel.component.ts b/Ui/src/app/pages/player-information/player-info-vs-duel/player-info-vs-duel.component.ts
index 96f2c37..7d17426 100644
--- a/Ui/src/app/pages/player-information/player-info-vs-duel/player-info-vs-duel.component.ts
+++ b/Ui/src/app/pages/player-information/player-info-vs-duel/player-info-vs-duel.component.ts
@@ -25,9 +25,7 @@ export class PlayerInfoVsDuelComponent {
 
 
   options: AgChartOptions = {
-    title: {
-      text: 'Weekly Points'
-    },
+    title: { text: 'Weekly Points' },
     data: [],
     series: [
       {
@@ -40,22 +38,21 @@ export class PlayerInfoVsDuelComponent {
         fill: 'blue'
       }
     ],
-    axes: [
-      {
+    axes: {
+      y: {
         type: 'number',
         position: 'left',
         label: {
-          formatter: (params: any) => {
-            return params.value.toLocaleString('en-US')
-          }
-        }
+          formatter: (params: any) => params.value.toLocaleString('en-US'),
+        },
       },
-      {
+      x: {
         type: 'category',
         position: 'bottom',
-      }
-    ]
-  }
+      },
+    },
+  };
+
 
   getData(take: number) {
     const chartData: {date: string, points: number}[] = [];
diff --git a/Ui/src/main.ts b/Ui/src/main.ts
index 2a98d16..054416e 100644
--- a/Ui/src/main.ts
+++ b/Ui/src/main.ts
@@ -1,10 +1,14 @@
 import { provideZoneChangeDetection } from "@angular/core";
-/// <reference types="@angular/localize" />
 
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
 import { AppModule } from './app/app.module';
 
 
-platformBrowserDynamic().bootstrapModule(AppModule, { applicationProviders: [provideZoneChangeDetection()], })
+import { ModuleRegistry, AllCommunityModule } from 'ag-charts-community';
+ModuleRegistry.registerModules([AllCommunityModule]);
+
+platformBrowserDynamic()
+  .bootstrapModule(AppModule, {
+    applicationProviders: [provideZoneChangeDetection()],
+  })
   .catch(err => console.error(err));