From 80a628f69e9212b1cbf49db9cfc70b11ce853b61 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Wed, 12 Aug 2026 16:17:38 +0200
Subject: [PATCH] Task/improve style in user account settings (#7599)

* Improve style

* Update changelog
---
 CHANGELOG.md                                   |  1 +
 .../user-account-settings.html                 |  4 ++--
 .../user-account-settings.scss                 | 18 ++++++++++++++++++
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c9d3a91f3..0e05aa8ff 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 
 - Improved the wording of the _X-ray_ page to use a neutral form
+- Improved the style of the disabled base currency in the user account settings
 - Moved the support to clone an activity in the account detail dialog from experimental to general availability
 - Moved the support to clone an activity in the holding detail dialog from experimental to general availability
 - Moved the support to edit an activity in the account detail dialog from experimental to general availability
diff --git a/apps/client/src/app/components/user-account-settings/user-account-settings.html b/apps/client/src/app/components/user-account-settings/user-account-settings.html
index a27e2e919..2d4c090dd 100644
--- a/apps/client/src/app/components/user-account-settings/user-account-settings.html
+++ b/apps/client/src/app/components/user-account-settings/user-account-settings.html
@@ -23,7 +23,7 @@
                   [currencies]="currencies"
                 />
                 @if (hasImpersonationId) {
-                  <mat-hint class="mt-1 text-muted" i18n
+                  <mat-hint class="mt-1 text-muted text-truncate" i18n
                     >Derived from the portfolio you are viewing</mat-hint
                   >
                 }
@@ -176,7 +176,7 @@
                     <mat-option [value]="locale">{{ locale }}</mat-option>
                   }
                 </mat-select>
-                <mat-hint class="d-flex mt-2 text-muted">
+                <mat-hint class="d-flex mt-2 text-muted text-truncate">
                   <gf-value
                     [deviceType]="deviceType()"
                     [isDate]="true"
diff --git a/apps/client/src/app/components/user-account-settings/user-account-settings.scss b/apps/client/src/app/components/user-account-settings/user-account-settings.scss
index 53ea0acb7..2c1637f52 100644
--- a/apps/client/src/app/components/user-account-settings/user-account-settings.scss
+++ b/apps/client/src/app/components/user-account-settings/user-account-settings.scss
@@ -11,6 +11,15 @@
     }
   }
 
+  mat-form-field:has(gf-currency-selector) {
+    --mat-form-field-outlined-disabled-input-text-color: rgba(
+      var(--dark-secondary-text)
+    );
+    --mat-form-field-outlined-disabled-outline-color: rgba(
+      var(--dark-disabled-text)
+    );
+  }
+
   .hint-text {
     font-size: 90%;
     line-height: 1.2;
@@ -19,4 +28,13 @@
 
 :host-context(.theme-dark) {
   color: rgb(var(--light-primary-text));
+
+  mat-form-field:has(gf-currency-selector) {
+    --mat-form-field-outlined-disabled-input-text-color: rgba(
+      var(--light-secondary-text)
+    );
+    --mat-form-field-outlined-disabled-outline-color: rgba(
+      var(--light-disabled-text)
+    );
+  }
 }