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