From d1b6da953d376648fbebf279a0ec15297a925735 Mon Sep 17 00:00:00 2001
From: swapnil-verma-gl <92505353+swapnil-verma-gl@users.noreply.github.com>
Date: Mon, 29 Jul 2024 14:10:31 +0530
Subject: [PATCH] [ACS-8451] Fixed arrow position for select dropdowns in
 create/edit rules dialog (#9989)

* [ACS-8451] Fixed arrow position for select dropdowns in create/edit rules dialog

* [ACS-8452] Added missing mat-selector
---
 .../card-view-selectitem.component.scss                  | 9 +++++----
 lib/core/src/lib/styles/_mat-selectors.scss              | 1 +
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss
index f901b811f1..7901715f47 100644
--- a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss
@@ -25,16 +25,17 @@
             background-color: initial;
         }
 
-        /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
-        mat-select {
-            padding: 6px 0 8px 12px;
+        #{$mat-select} {
             margin-top: 0;
             border-radius: 6px;
-            width: 90%;
 
             #{$mat-select-value} {
                 color: var(--adf-metadata-action-button-clear-color);
             }
+
+            #{$mat-select-trigger} {
+                padding: 6px 12px 6px 6px;
+            }
         }
     }
 
diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss
index 4079f932b9..158f63ea1d 100644
--- a/lib/core/src/lib/styles/_mat-selectors.scss
+++ b/lib/core/src/lib/styles/_mat-selectors.scss
@@ -62,6 +62,7 @@ $mat-button-toggle: '.mat-button-toggle';
 $mat-button-toggle-checked: '.mat-button-toggle-checked';
 $mat-button-toggle-disabled: '.mat-button-toggle-disabled';
 $mat-button-toggle-focus-overlay: '.mat-button-toggle-focus-overlay';
+$mat-button-touch-target: '.mat-mdc-button-touch-target';
 $mat-input-element: '.mat-mdc-input-element';
 $mat-card: '.mat-mdc-card';
 $mat-card-actions: '.mat-mdc-card-actions';