From b6117ae6dbe44dd26376963fba89840d6cff23b4 Mon Sep 17 00:00:00 2001
From: Rachael Shaw <r@rachael.wtf>
Date: Fri, 6 Feb 2026 11:06:22 -0600
Subject: [PATCH] Fix label button hover state (#39425)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** Resolves #39273

### Before:
<img width="139" height="50" alt="Screenshot 2026-02-05 at 1 53 58 PM"
src="https://github.com/user-attachments/assets/70ada09e-2aeb-481a-9ebd-d7937e37f74f"
/>

### After:
<img width="144" height="59" alt="Screenshot 2026-02-05 at 1 52 26 PM"
src="https://github.com/user-attachments/assets/1eebb0a5-e46f-4c71-b4f3-0a66d5082b75"
/>


# Checklist for submitter

If some of the following don't apply, delete the relevant line.

- [x] Changes file added for user-visible changes in `changes/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
See [Changes
files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/guides/committing-changes.md#changes-files)
for more information.

## Testing

- [ ] Added/updated automated tests
- [ ] Where appropriate, [automated tests simulate multiple hosts and
test for host
isolation](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/reference/patterns-backend.md#unit-testing)
(updates to one hosts's records do not affect another)

- [x] QA'd all new/changed functionality manually
---
 changes/39273-filter-button-hover-fix                            | 1 +
 .../hosts/ManageHostsPage/components/FilterPill/_styles.scss     | 1 +
 2 files changed, 2 insertions(+)
 create mode 100644 changes/39273-filter-button-hover-fix

diff --git a/changes/39273-filter-button-hover-fix b/changes/39273-filter-button-hover-fix
new file mode 100644
index 0000000000..166d1dfb47
--- /dev/null
+++ b/changes/39273-filter-button-hover-fix
@@ -0,0 +1 @@
+* Fixed a hover style issue in the label filter close button
\ No newline at end of file
diff --git a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss
index cffb1cfb45..75a357af29 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss
+++ b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss
@@ -5,6 +5,7 @@
     padding: 6px 12px;
     border: 1px solid $ui-fleet-black-25;
     border-radius: $border-radius;
+    overflow: hidden;
     box-shadow: none;
     color: $core-fleet-black;
     font-size: $xx-small;