Fix horizontal overflow

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 overview-container">
+          <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

@@ -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"