From eeb03371b80d425fe5c6baa78346697dec609d61 Mon Sep 17 00:00:00 2001
From: yksolanki9 <yashsolanki1709@gmail.com>
Date: Mon, 17 Oct 2022 19:11:36 +0530
Subject: [PATCH] Use nested class instead of space separated classes

---
 apps/client/src/styles.scss | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss
index 6c8e83823..c31d7596c 100644
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@@ -103,11 +103,13 @@ body {
         color: rgba(var(--light-primary-text));
       }
 
-      &.mat-select-disabled .mat-select-placeholder {
-        color: rgba(
-          var(--palette-foreground-disabled-text-dark),
-          var(--palette-foreground-disabled-text-dark-alpha)
-        );
+      &.mat-select-disabled {
+        .mat-select-placeholder {
+          color: rgba(
+            var(--palette-foreground-disabled-text-dark),
+            var(--palette-foreground-disabled-text-dark-alpha)
+          );
+        }
       }
     }
   }
@@ -247,10 +249,12 @@ ngx-skeleton-loader {
     color: rgba(var(--dark-primary-text));
   }
 
-  &.mat-select-disabled .mat-select-placeholder {
-    color: rgba(
-      var(--palette-foreground-disabled-text),
-      var(--palette-foreground-disabled-text-alpha)
-    );
+  &.mat-select-disabled {
+    .mat-select-placeholder {
+      color: rgba(
+        var(--palette-foreground-disabled-text),
+        var(--palette-foreground-disabled-text-alpha)
+      );
+    }
   }
 }