From a627f87113ef9a937dfa6a4ca504edd9948295aa Mon Sep 17 00:00:00 2001
From: Jonathan Katz <44128041+jkatz01@users.noreply.github.com>
Date: Tue, 16 Jun 2026 14:04:45 -0400
Subject: [PATCH] Fix scrollbar showing up when not needed in report/policy
 results tables (#47627)

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

# 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
Pages  tested:
```
https://<fleet_url>/hosts/<host_id>/reports/<id>
https://<fleet_url>/reports/<id>?fleet_id=<fleet_id>
https://<fleet_url>/reports/<id>/live?fleet_id=<fleet_id>
https://<fleet_url>/policies/<id>/live?fleet_id=<fleet_id>
```

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Bug Fixes**
* Fixed unnecessary horizontal scrollbars appearing in report and policy
results tables. Scrollbars now display only when content requires
horizontal scrolling.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 changes/44272-fix-scrollbar-always-showing                      | 1 +
 .../pages/hosts/details/HostQueryReport/HQRTable/_styles.scss   | 2 +-
 .../pages/policies/edit/components/PolicyResults/_styles.scss   | 2 +-
 .../pages/queries/details/components/QueryReport/_styles.scss   | 2 +-
 .../pages/queries/edit/components/QueryResults/_styles.scss     | 2 +-
 5 files changed, 5 insertions(+), 4 deletions(-)
 create mode 100644 changes/44272-fix-scrollbar-always-showing

diff --git a/changes/44272-fix-scrollbar-always-showing b/changes/44272-fix-scrollbar-always-showing
new file mode 100644
index 0000000000..8478706f54
--- /dev/null
+++ b/changes/44272-fix-scrollbar-always-showing
@@ -0,0 +1 @@
+- Fixed horizontal scrollbar showing up when there is nothing to scroll in report and policy results tables.
diff --git a/frontend/pages/hosts/details/HostQueryReport/HQRTable/_styles.scss b/frontend/pages/hosts/details/HostQueryReport/HQRTable/_styles.scss
index 163e8f0aff..7ceeb00a3c 100644
--- a/frontend/pages/hosts/details/HostQueryReport/HQRTable/_styles.scss
+++ b/frontend/pages/hosts/details/HostQueryReport/HQRTable/_styles.scss
@@ -39,7 +39,7 @@
   }
 
   .data-table {
-    overflow-x: scroll;
+    overflow-x: auto;
   }
 
   .empty-table__container {
diff --git a/frontend/pages/policies/edit/components/PolicyResults/_styles.scss b/frontend/pages/policies/edit/components/PolicyResults/_styles.scss
index 40aead6e4c..c826af6c5c 100644
--- a/frontend/pages/policies/edit/components/PolicyResults/_styles.scss
+++ b/frontend/pages/policies/edit/components/PolicyResults/_styles.scss
@@ -4,7 +4,7 @@
   }
 
   .data-table__wrapper {
-    overflow-x: scroll;
+    overflow-x: auto;
   }
 
   .data-table-block .data-table thead th {
diff --git a/frontend/pages/queries/details/components/QueryReport/_styles.scss b/frontend/pages/queries/details/components/QueryReport/_styles.scss
index d0396255d0..9b9daba31f 100644
--- a/frontend/pages/queries/details/components/QueryReport/_styles.scss
+++ b/frontend/pages/queries/details/components/QueryReport/_styles.scss
@@ -15,7 +15,7 @@
     }
 
     .data-table__wrapper {
-      overflow-x: scroll;
+      overflow-x: auto;
     }
   }
 
diff --git a/frontend/pages/queries/edit/components/QueryResults/_styles.scss b/frontend/pages/queries/edit/components/QueryResults/_styles.scss
index 4d8f179f1e..bcd2e99b44 100644
--- a/frontend/pages/queries/edit/components/QueryResults/_styles.scss
+++ b/frontend/pages/queries/edit/components/QueryResults/_styles.scss
@@ -9,7 +9,7 @@
   }
 
   .data-table__wrapper {
-    overflow-x: scroll;
+    overflow-x: auto;
   }
 
   .data-table-block .data-table thead th {