diff --git a/apps/client/src/app/components/home-overview/home-overview.component.ts b/apps/client/src/app/components/home-overview/home-overview.component.ts index ad3556536..689c75a0f 100644 --- a/apps/client/src/app/components/home-overview/home-overview.component.ts +++ b/apps/client/src/app/components/home-overview/home-overview.component.ts @@ -143,7 +143,7 @@ export class GfHomeOverviewComponent implements OnInit { this.precision.set(2); if ( - this.deviceType() === 'mobile' && + window.matchMedia('(max-width: 575.98px)').matches && performance.currentValueInBaseCurrency >= NUMERICAL_PRECISION_THRESHOLD_6_FIGURES ) { diff --git a/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.scss b/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.scss index 6f703255f..8c6e6236b 100644 --- a/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.scss +++ b/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.scss @@ -20,4 +20,11 @@ font-variant-numeric: tabular-nums; } } + + @media (max-width: 575.98px) { + .currency-container, + .status-container { + min-width: 0; + } + } }