From dc28bcfd906c2caf1f0d6fb231fb3d1f2bf22426 Mon Sep 17 00:00:00 2001
From: swapnil-verma-gl <92505353+swapnil-verma-gl@users.noreply.github.com>
Date: Fri, 14 Jun 2024 09:50:00 +0530
Subject: [PATCH] [ACS-8158] Resolved issue where long tag names were not
 getting word wrapped in ACA. Fixed alignment issue with tag chip cross button
 (#3890)

---
 projects/aca-content/src/lib/ui/theme.scss | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/projects/aca-content/src/lib/ui/theme.scss b/projects/aca-content/src/lib/ui/theme.scss
index cac95f5ff7..4b7fa24ccb 100644
--- a/projects/aca-content/src/lib/ui/theme.scss
+++ b/projects/aca-content/src/lib/ui/theme.scss
@@ -1,6 +1,7 @@
 /* stylelint-disable selector-class-pattern */
 @use '@angular/material' as mat;
 @import '@alfresco/adf-core/theming';
+@import '@alfresco/adf-core/lib/styles/mat-selectors';
 @import 'custom-theme';
 @import 'variables/variables';
 @include custom-theme($custom-theme);
@@ -112,15 +113,11 @@ mat-slide-toggle {
   color: var(--adf-theme-foreground-text-color-087);
 }
 
-.mat-mdc-button:is(button),
-.mat-mdc-icon-button:is(button),
-.mat-mdc-icon-button.mat-mdc-button-base:is(button) {
-  padding: 0;
-  height: 40px;
-  width: 40px;
+#{$mat-chip}#{$mat-evolution-chip}#{$mat-standard-chip} {
+  height: auto;
 
-  .mat-mdc-button-touch-target {
-    display: none;
+  #{$mat-evolution-chip-text-label} {
+    white-space: normal;
   }
 }