From 01aeefd2df0c9f9557ae687a99ae1ca1533ccf14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Germ=C3=A1n=20Mart=C3=ADn?= <github@gmartin.net>
Date: Tue, 30 Sep 2025 20:27:56 +0200
Subject: [PATCH] =?UTF-8?q?Bugfix/improve=20table=20headers=E2=80=99=20ali?=
 =?UTF-8?q?gnment=20of=20activities=20table=20(#5580)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Improve table headers’ alignment of activities table

* Update changelog
---
 CHANGELOG.md                                           |  4 ++++
 apps/client/src/styles/table.scss                      |  6 ++++++
 .../lib/accounts-table/accounts-table.component.scss   | 10 ----------
 .../activities-table/activities-table.component.html   |  4 ++--
 libs/ui/src/lib/benchmark/benchmark.component.scss     | 10 ----------
 .../lib/holdings-table/holdings-table.component.scss   | 10 ----------
 6 files changed, 12 insertions(+), 32 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d8b5a688d..396d83ebd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,6 +19,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Improved the usability of the create asset profile dialog in the market data section of the admin control panel
 - Improved the language localization for German (`de`)
 
+### Fixed
+
+- Improved the table headers’ alignment of the activities table
+
 ## 2.203.0 - 2025-09-27
 
 ### Added
diff --git a/apps/client/src/styles/table.scss b/apps/client/src/styles/table.scss
index f232cb1af..88258d48b 100644
--- a/apps/client/src/styles/table.scss
+++ b/apps/client/src/styles/table.scss
@@ -1,6 +1,12 @@
 @mixin gf-table($darkTheme: false) {
   --mat-table-background-color: var(--light-background);
 
+  th {
+    .mat-sort-header-container {
+      justify-content: inherit;
+    }
+  }
+
   .mat-footer-row,
   .mat-row {
     .mat-cell,
diff --git a/libs/ui/src/lib/accounts-table/accounts-table.component.scss b/libs/ui/src/lib/accounts-table/accounts-table.component.scss
index 990b8b294..5d4e87f30 100644
--- a/libs/ui/src/lib/accounts-table/accounts-table.component.scss
+++ b/libs/ui/src/lib/accounts-table/accounts-table.component.scss
@@ -1,13 +1,3 @@
 :host {
   display: block;
-
-  .gf-table {
-    th {
-      ::ng-deep {
-        .mat-sort-header-container {
-          justify-content: inherit;
-        }
-      }
-    }
-  }
 }
diff --git a/libs/ui/src/lib/activities-table/activities-table.component.html b/libs/ui/src/lib/activities-table/activities-table.component.html
index 85db627d2..523020585 100644
--- a/libs/ui/src/lib/activities-table/activities-table.component.html
+++ b/libs/ui/src/lib/activities-table/activities-table.component.html
@@ -255,7 +255,7 @@
     <ng-container matColumnDef="value">
       <th
         *matHeaderCellDef
-        class="d-none d-lg-table-cell justify-content-end px-1"
+        class="d-none d-lg-table-cell px-1 text-right"
         mat-header-cell
       >
         <ng-container i18n>Value</ng-container>
@@ -291,7 +291,7 @@
     <ng-container matColumnDef="valueInBaseCurrency">
       <th
         *matHeaderCellDef
-        class="d-lg-none d-xl-none justify-content-end px-1"
+        class="d-lg-none d-xl-none px-1 text-right"
         mat-header-cell
       >
         <ng-container i18n>Value</ng-container>
diff --git a/libs/ui/src/lib/benchmark/benchmark.component.scss b/libs/ui/src/lib/benchmark/benchmark.component.scss
index 990b8b294..5d4e87f30 100644
--- a/libs/ui/src/lib/benchmark/benchmark.component.scss
+++ b/libs/ui/src/lib/benchmark/benchmark.component.scss
@@ -1,13 +1,3 @@
 :host {
   display: block;
-
-  .gf-table {
-    th {
-      ::ng-deep {
-        .mat-sort-header-container {
-          justify-content: inherit;
-        }
-      }
-    }
-  }
 }
diff --git a/libs/ui/src/lib/holdings-table/holdings-table.component.scss b/libs/ui/src/lib/holdings-table/holdings-table.component.scss
index 990b8b294..5d4e87f30 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.scss
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.scss
@@ -1,13 +1,3 @@
 :host {
   display: block;
-
-  .gf-table {
-    th {
-      ::ng-deep {
-        .mat-sort-header-container {
-          justify-content: inherit;
-        }
-      }
-    }
-  }
 }