From 3458546c9255869bf9e4245b69c6bccd4dbfcf35 Mon Sep 17 00:00:00 2001
From: swapnil-verma-gl <92505353+swapnil-verma-gl@users.noreply.github.com>
Date: Thu, 12 Sep 2024 12:05:17 +0530
Subject: [PATCH] [ACS-8556] Resolved issue where UI for type to narrow field
 in the add aspect dropdown was broken (#10066)

* [ACS-8556] Resolved issue where UI for type to narrow field in the add aspect dropdown was broken

* [ACS-8556] Empty commit

* [ACS-8556] Empty commit

* [ACS-8556] Empty commit
---
 .../select-filter-input.component.html                   | 1 +
 .../select-filter-input.component.scss                   | 9 ++++++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.html b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.html
index a5afdbdc4a..2e0b77df68 100644
--- a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.html
+++ b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.html
@@ -15,6 +15,7 @@
         <button
             matSuffix
             mat-icon-button
+            class="adf-select-filter-clear-button"
             [attr.aria-label]="'SELECT_FILTER.BUTTON.ARIA_LABEL' | translate"
             *ngIf="term"
             (keydown.enter)="reset($event)"
diff --git a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss
index 6cad0a356a..7a3d3b5351 100644
--- a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss
@@ -8,7 +8,6 @@ $select-filter-height: 4em !default;
 
     .adf-select-filter-input-container {
         width: 100%;
-        display: flex;
         z-index: 100;
         font-size: var(--theme-body-1-font-size);
         color: var(--adf-theme-foreground-text-color-087);
@@ -21,10 +20,14 @@ $select-filter-height: 4em !default;
     #{$mat-form-field} {
         width: 100%;
     }
+
+    .adf-select-filter-clear-button {
+        padding: 0;
+    }
 }
 
 #{$mat-select-panel}.adf-select-filter {
-    transform: none !important;
-    overflow-x: hidden !important;
+    transform: none;
+    overflow-x: hidden;
     max-height: calc(256px + #{$select-filter-height});
 }