From 6bdf7b185f6a24eb1f7481c592446350bf76890d Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sat, 24 May 2025 12:23:14 +0100
Subject: [PATCH] Bugfix/text alignment in top holdings component (#4734)

* Fix text alignment of allocation column

* Update changelog
---
 CHANGELOG.md                                             | 1 +
 libs/ui/src/lib/top-holdings/top-holdings.component.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 29615b57c..36df0aa6e 100644
--- a/CHANGELOG.md
+++ b/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
 
diff --git a/libs/ui/src/lib/top-holdings/top-holdings.component.html b/libs/ui/src/lib/top-holdings/top-holdings.component.html
index d42d742b2..7a2a84126 100644
--- a/libs/ui/src/lib/top-holdings/top-holdings.component.html
+++ b/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>