Bugfix/text alignment in top holdings component (#4734)

* Fix text alignment of allocation column

* Update changelog

CHANGELOG.md

@@ -40,6 +40,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Displayed the button to fetch the current market price only if the activity is not in a custom currency
 - Fixed an issue in the watchlist endpoint (`POST`) related to the `HasPermissionGuard`
+- Improved the text alignment of the allocations by ETF holding on the allocations page (experimental)
 
 ## 2.161.0 - 2025-05-06
 

libs/ui/src/lib/top-holdings/top-holdings.component.html

@@ -36,7 +36,7 @@
     </ng-container>
 
     <ng-container matColumnDef="allocationInPercentage" stickyEnd>
-      <th *matHeaderCellDef class="justify-content-end px-2" mat-header-cell>
+      <th *matHeaderCellDef class="px-2 text-right" mat-header-cell>
         <span class="d-none d-sm-block" i18n>Allocation</span>
         <span class="d-block d-sm-none" title="Allocation">%</span>
       </th>