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,18 +83,16 @@
             [showYAxis]="false"
           />
         </div>
-        <div class="overview-container row mt-1">
-          <div class="col">
-            <gf-portfolio-performance
-              [errors]="errors()"
-              [isLoading]="isLoadingPerformance()"
-              [locale]="locale()"
-              [performance]="performance()"
-              [precision]="precision()"
-              [showDetails]="showDetails()"
-              [unit]="unit()"
-            />
-          </div>
+        <div class="mt-1">
+          <gf-portfolio-performance
+            [errors]="errors()"
+            [isLoading]="isLoadingPerformance()"
+            [locale]="locale()"
+            [performance]="performance()"
+            [precision]="precision()"
+            [showDetails]="showDetails()"
+            [unit]="unit()"
+          />
         </div>
       </div>
       @if (showExperimentalHoldings()) {

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 {