diff --git a/src/angular/frontend/src/app/components/dashboard/dashboard.component.html b/src/angular/frontend/src/app/components/dashboard/dashboard.component.html
index 17c4a64..4350d8f 100644
--- a/src/angular/frontend/src/app/components/dashboard/dashboard.component.html
+++ b/src/angular/frontend/src/app/components/dashboard/dashboard.component.html
@@ -1,52 +1,21 @@
-<app-panel class="neutral-80">
-  <div class="panel-header">
-    <span class="count">55</span>
-    <span class="label">Users</span>
-  </div>
-  <span class="description">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-  </span>
-</app-panel>
-<app-panel class="neutral-80">
-  <div class="panel-header">
-    <span class="count">55</span>
-    <span class="label">Tenants</span>
-  </div>
-  <span class="description">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-  </span>
-</app-panel>
-<app-panel class="neutral-80"><div class="panel-header">
-  <span class="count">55</span>
-  <span class="label">Apps</span>
-</div>
-  <span class="description">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-  </span></app-panel>
-<app-panel class="neutral-80">
-  <div class="panel-header">
-    <span class="count">55</span>
-    <span class="label">Groups</span>
-  </div>
-  <span class="description">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-  </span>
-</app-panel>
-<app-panel class="neutral-80">
-  <div class="panel-header">
-    <span class="count">55</span>
-    <span class="label">Roles</span>
-  </div>
-  <span class="description">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-  </span>
-</app-panel>
-<app-panel class="neutral-80">
-  <div class="panel-header">
-    <span class="count">55</span>
-    <span class="label">Authorities</span>
-  </div>
-  <span class="description">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-  </span>
-</app-panel>
+<ng-container *ngTemplateOutlet="panel; context: {count: 122, label: 'Users', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}"></ng-container>
+<ng-container *ngTemplateOutlet="panel; context: {count: 44, label: 'Tenants', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}"></ng-container>
+<ng-container *ngTemplateOutlet="panel; context: {count: 56, label: 'Apps', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}"></ng-container>
+<ng-container *ngTemplateOutlet="panel; context: {count: 155, label: 'Groups', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}"></ng-container>
+<ng-container *ngTemplateOutlet="panel; context: {count: 1166, label: 'Roles', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}"></ng-container>
+<ng-container *ngTemplateOutlet="panel; context: {count: 3580, label: 'Authorities', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'}"></ng-container>
+
+<ng-template #panel let-count="count" let-label="label" let-description="description">
+  <app-panel class="neutral-80">
+    <div class="panel-header">
+      <span class="count" [title]="count">{{count | shortNumber : 2}}</span>
+      <span class="label">{{label}}</span>
+    </div>
+    <span class="description">
+      {{description}}
+    </span>
+    <div class="actions">
+      <app-link [href]="'/' + label.toLowerCase()">View {{label}}</app-link>
+    </div>
+  </app-panel>
+</ng-template>
diff --git a/src/angular/frontend/src/app/components/dashboard/dashboard.component.ts b/src/angular/frontend/src/app/components/dashboard/dashboard.component.ts
index 40abcaa..f44a1bd 100644
--- a/src/angular/frontend/src/app/components/dashboard/dashboard.component.ts
+++ b/src/angular/frontend/src/app/components/dashboard/dashboard.component.ts
@@ -1,10 +1,18 @@
 import { Component } from '@angular/core';
 import {PanelComponent} from '../panel/panel.component';
+import {RouterLink} from '@angular/router';
+import {NgTemplateOutlet} from '@angular/common';
+import {LinkComponent} from '../link/link.component';
+import {ShortNumberPipe} from '../../pipes/short-number.pipe';
 
 @Component({
   selector: 'app-dashboard',
   imports: [
-    PanelComponent
+    PanelComponent,
+    RouterLink,
+    NgTemplateOutlet,
+    LinkComponent,
+    ShortNumberPipe
   ],
   templateUrl: './dashboard.component.html',
   styleUrl: './dashboard.component.scss'