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 {