From e4333757873df3aa8fe544fd63ebc31ac7817a47 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Wed, 12 Aug 2026 08:21:16 +0200
Subject: [PATCH] Improve style

---
 .../user-account-settings.html                 |  4 ++--
 .../user-account-settings.scss                 | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

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)
+    );
+  }
 }