From 614b4bf8b2cb918e7170846a1e7da4b6527202f4 Mon Sep 17 00:00:00 2001
From: jacobshandling <61553566+jacobshandling@users.noreply.github.com>
Date: Fri, 13 Mar 2026 09:02:40 -0700
Subject: [PATCH] Disallow manage hosts page header buttons from wrapping text
 (#41654)
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 #41653
<img width="810" height="597" alt="Screenshot 2026-03-13 at 8 44 23 AM"
src="https://github.com/user-attachments/assets/b5e7feff-e576-4c0d-a9ee-b2ef1a17a7ea"
/>


- [x] Changes file added for user-visible changes in `changes/`
- [x] QA'd all new/changed functionality manually
---
 changes/41653-disallow-header-button-wraps      | 1 +
 frontend/components/TableContainer/_styles.scss | 4 ++++
 2 files changed, 5 insertions(+)
 create mode 100644 changes/41653-disallow-header-button-wraps

diff --git a/changes/41653-disallow-header-button-wraps b/changes/41653-disallow-header-button-wraps
new file mode 100644
index 0000000000..3d9098e844
--- /dev/null
+++ b/changes/41653-disallow-header-button-wraps
@@ -0,0 +1 @@
+- Fixed a bug where manage hosts page header button text would wrap and distort at certain widths.
diff --git a/frontend/components/TableContainer/_styles.scss b/frontend/components/TableContainer/_styles.scss
index ab03194acc..a0664fbfc4 100644
--- a/frontend/components/TableContainer/_styles.scss
+++ b/frontend/components/TableContainer/_styles.scss
@@ -110,6 +110,10 @@
     .input-with-icon {
       height: 36px;
     }
+
+    .children-wrapper {
+      white-space: nowrap;
+    }
   }
 
   &__header-left {