From 16394bb4f99d64ec1febf061ed32522331ad7a15 Mon Sep 17 00:00:00 2001
From: KDxGautam <kdxgautam@gmail.com>
Date: Sat, 18 Jul 2026 13:35:19 +0530
Subject: [PATCH] Bugfix/hover styling of tags selector (#7359)

* Fix hover styling of tags selector

* Update changelog
---
 CHANGELOG.md                                           |  4 ++++
 .../src/lib/tags-selector/tags-selector.component.html | 10 ++++------
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index cc7ba5626..90f1110d4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,6 +18,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Improved the language localization for German (`de`)
 - Upgraded `stripe` from version `22.2.3` to `22.3.2`
 
+### Fixed
+
+- Fixed an issue with the delete button in the tags selector component
+
 ## 3.28.0 - 2026-07-17
 
 ### Changed
diff --git a/libs/ui/src/lib/tags-selector/tags-selector.component.html b/libs/ui/src/lib/tags-selector/tags-selector.component.html
index 92ea2b210..4f9d82ae9 100644
--- a/libs/ui/src/lib/tags-selector/tags-selector.component.html
+++ b/libs/ui/src/lib/tags-selector/tags-selector.component.html
@@ -32,13 +32,11 @@
             }
           }
           @for (tag of tagsSelected(); track tag.id) {
-            <mat-chip-row
-              matChipRemove
-              [removable]="true"
-              (removed)="onRemoveTag(tag)"
-            >
+            <mat-chip-row [removable]="true" (removed)="onRemoveTag(tag)">
               {{ tag.name }}
-              <ion-icon matChipTrailingIcon name="close-outline" />
+              <button matChipRemove type="button">
+                <ion-icon name="close-outline" />
+              </button>
             </mat-chip-row>
           }
           <input