diff --git a/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html b/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html
index 9fe4706d7..e7b89c8ee 100644
--- a/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html
+++ b/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html
@@ -32,7 +32,7 @@
       {{ unit }}
     </div>
   </div>
-  @if (showDetails) {
+  @if (showDetails()) {
     <div class="row">
       <div class="d-flex col justify-content-end">
         <gf-value
diff --git a/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.ts b/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.ts
index 87ba598c6..de1730f2b 100644
--- a/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.ts
+++ b/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.ts
@@ -35,7 +35,6 @@ import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
   templateUrl: './portfolio-performance.component.html'
 })
 export class GfPortfolioPerformanceComponent implements OnChanges {
-  @Input() showDetails: boolean;
   @Input() unit: string;
 
   public readonly errors = input<ResponseError['errors']>();
@@ -47,6 +46,7 @@ export class GfPortfolioPerformanceComponent implements OnChanges {
       return value !== undefined && value >= 0 ? value : 2;
     }
   });
+  public readonly showDetails = input<boolean>(false);
 
   private readonly value =
     viewChild.required<ElementRef<HTMLSpanElement>>('value');
@@ -70,7 +70,7 @@ export class GfPortfolioPerformanceComponent implements OnChanges {
           duration: 1,
           separator: getNumberFormatGroup(this.locale())
         }).start();
-      } else if (this.showDetails === false) {
+      } else if (this.showDetails() === false) {
         new CountUp(
           'value',
           this.performance().netPerformancePercentageWithCurrencyEffect * 100,