diff --git a/apps/client/src/app/pages/about/overview/about-overview-page.html b/apps/client/src/app/pages/about/overview/about-overview-page.html
index a9bada763..acfb04f57 100644
--- a/apps/client/src/app/pages/about/overview/about-overview-page.html
+++ b/apps/client/src/app/pages/about/overview/about-overview-page.html
@@ -155,4 +155,5 @@
       >
     </div>
   </div>
+  <gf-membership-card></gf-membership-card>
 </div>
diff --git a/apps/client/src/app/pages/about/overview/about-overview-page.module.ts b/apps/client/src/app/pages/about/overview/about-overview-page.module.ts
index 594f5b362..1bb820323 100644
--- a/apps/client/src/app/pages/about/overview/about-overview-page.module.ts
+++ b/apps/client/src/app/pages/about/overview/about-overview-page.module.ts
@@ -2,6 +2,7 @@ import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
+import { GFMembershipCardModule } from '@ghostfolio/ui/membership-card';
 
 import { AboutOverviewPageRoutingModule } from './about-overview-page-routing.module';
 import { AboutOverviewPageComponent } from './about-overview-page.component';
@@ -11,6 +12,7 @@ import { AboutOverviewPageComponent } from './about-overview-page.component';
   imports: [
     AboutOverviewPageRoutingModule,
     CommonModule,
+    GFMembershipCardModule,
     MatButtonModule,
     RouterModule
   ],
diff --git a/libs/ui/src/lib/membership-card/index.ts b/libs/ui/src/lib/membership-card/index.ts
index d2d31728f..eccd8c4fd 100644
--- a/libs/ui/src/lib/membership-card/index.ts
+++ b/libs/ui/src/lib/membership-card/index.ts
@@ -1 +1 @@
-export * from './membership-card.module';
\ No newline at end of file
+export * from './membership-card.module';
diff --git a/libs/ui/src/lib/membership-card/membership-card.component.ts b/libs/ui/src/lib/membership-card/membership-card.component.ts
index 6ce3a1c0d..1413a7f29 100644
--- a/libs/ui/src/lib/membership-card/membership-card.component.ts
+++ b/libs/ui/src/lib/membership-card/membership-card.component.ts
@@ -1,12 +1,12 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 
 @Component({
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    selector: 'gf-membership-card',
-    styleUrls: ['./membership-card.component.scss'],
-    templateUrl: './membership-card.component.html'
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  selector: 'gf-membership-card',
+  styleUrls: ['./membership-card.component.scss'],
+  templateUrl: './membership-card.component.html'
 })
 export class MembershipCardComponent {
-    @Input() public expiresAt: Date;
-    @Input() public name: string;
-}
\ No newline at end of file
+  @Input() public expiresAt: Date;
+  @Input() public name: string;
+}
diff --git a/libs/ui/src/lib/membership-card/membership-card.module.ts b/libs/ui/src/lib/membership-card/membership-card.module.ts
index cb0928b50..643befade 100644
--- a/libs/ui/src/lib/membership-card/membership-card.module.ts
+++ b/libs/ui/src/lib/membership-card/membership-card.module.ts
@@ -5,9 +5,9 @@ import { MembershipCardComponent } from './membership-card.component';
 import { GfLogoModule } from '@ghostfolio/ui/logo';
 
 @NgModule({
-    declarations: [MembershipCardComponent],
-    exports: [MembershipCardComponent],
-    imports: [CommonModule, GfLogoModule],
-    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+  declarations: [MembershipCardComponent],
+  exports: [MembershipCardComponent],
+  imports: [CommonModule, GfLogoModule],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
-export class GFMembershipCardModule { }
\ No newline at end of file
+export class GFMembershipCardModule {}