From f9fdf21ddb8156d64e41249c62221dc0100d26dd Mon Sep 17 00:00:00 2001
From: kurilova <kurilova@google.com>
Date: Tue, 20 Jan 2026 13:10:59 +0000
Subject: [PATCH] AI suggested fix for proper rendering

---
 .../settings-dropdown.component.scss          | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/modules/ui/src/app/pages/general-settings/components/settings-dropdown/settings-dropdown.component.scss b/modules/ui/src/app/pages/general-settings/components/settings-dropdown/settings-dropdown.component.scss
index e17e02add..174a4d5dd 100644
--- a/modules/ui/src/app/pages/general-settings/components/settings-dropdown/settings-dropdown.component.scss
+++ b/modules/ui/src/app/pages/general-settings/components/settings-dropdown/settings-dropdown.component.scss
@@ -55,16 +55,29 @@
   padding: 10px 0;
 
   &.mat-form-field-disabled {
-    opacity: 0.6;
+    opacity: 1;
+
+    .option-value {
+      &.top {
+        color: rgba(0, 0, 0, 0.38);
+      }
+      &.bottom {
+        color: rgba(0, 0, 0, 0.38);
+      }
+    }
+
+    ::ng-deep .mat-mdc-select-placeholder {
+      opacity: 0;
+    }
   }
 
-  &::ng-deep.mat-mdc-form-field-subscript-wrapper {
+  &::ng-deep .mat-mdc-form-field-subscript-wrapper {
     display: none;
   }
 
   ::ng-deep .mat-mdc-form-field-infix {
     min-height: 60px;
-    height: 60px;
+    height: auto;
     display: flex;
     align-items: center;
     padding-top: 9px;