From fac6ca5f2afd7daf954a06dd586e8a4028f14271 Mon Sep 17 00:00:00 2001
From: Rachael Shaw <r@rachael.wtf>
Date: Wed, 4 Feb 2026 13:28:00 -0600
Subject: [PATCH] Add ellipsis to cut-off placeholder text in search fields
 (#39112)
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
https://github.com/fleetdm/fleet/issues/39171

#### Before
<img width="324" height="174" alt="Screenshot 2026-01-30 at 5 35 46 PM"
src="https://github.com/user-attachments/assets/5969b815-ce94-4835-936e-f8ce27427caa"
/>

#### After
<img width="331" height="179" alt="Screenshot 2026-01-30 at 5 34 58 PM"
src="https://github.com/user-attachments/assets/18fcb458-acb9-4041-b347-1b1f5d18b2a2"
/>


# Checklist for submitter

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

- [ ] 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

- [x] QA'd all new/changed functionality manually
---
 frontend/components/TableContainer/_styles.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/components/TableContainer/_styles.scss b/frontend/components/TableContainer/_styles.scss
index 735b9c3a85..ab03194acc 100644
--- a/frontend/components/TableContainer/_styles.scss
+++ b/frontend/components/TableContainer/_styles.scss
@@ -169,6 +169,10 @@
       min-width: 250px;
     }
 
+    .input-with-icon:placeholder-shown {
+      text-overflow: ellipsis;
+    }
+
     &.stack-table-controls {
       padding-bottom: $pad-large;
       margin-left: 0;