Bugfix/horizontal overflow in overview on mobile (#8107)

* Fix horizontal overflow

* Update changelog

CHANGELOG.md

@@ -21,6 +21,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Fixed an issue where a user could create a custom asset profile with a symbol of the prefix `GF_`
+- Fixed the horizontal overflow on the overview tab of the home page on mobile
 
 ## 3.82.0 - 2026-10-09
 

apps/client/src/app/components/home-overview/home-overview.html

@@ -83,8 +83,7 @@
             [showYAxis]="false"
           />
         </div>
-        <div class="overview-container row mt-1">
+        <div class="mt-1">
-          <div class="col">
           <gf-portfolio-performance
             [errors]="errors()"
             [isLoading]="isLoadingPerformance()"
@@ -96,7 +95,6 @@
           />
         </div>
       </div>
-      </div>
       @if (showExperimentalHoldings()) {
         <div class="col-xl-4 d-none d-xl-block ml-5 p-0 position-relative">
           <mat-card

apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html

@@ -1,6 +1,6 @@
 <div class="container p-0">
   <div class="no-gutters row">
-    <div class="status-container text-muted text-right">
+    <div class="px-1 status-container text-muted text-right">
       @if ((errors()?.length ?? 0) > 0 && !isLoading()) {
         <ion-icon
           i18n-title
@@ -33,7 +33,7 @@
     </div>
   </div>
   @if (showDetails()) {
-    <div class="row">
+    <div class="mx-0 row">
       <div class="d-flex col justify-content-end">
         <gf-value
           [colorizeSign]="true"

apps/client/src/app/components/portfolio-performance/portfolio-performance.component.scss

@@ -4,7 +4,6 @@
   .currency-container,
   .status-container {
     flex: 1;
-    min-width: 2.5rem;
   }
 
   .status-container {