From cb9c4d00c2cd4ba2f1172616c1d54e8f0eec1361 Mon Sep 17 00:00:00 2001
From: Jacob Shandling <61553566+jacobshandling@users.noreply.github.com>
Date: Tue, 29 Nov 2022 13:40:04 -0800
Subject: [PATCH] UI: Fix Tooltipwrapper causing extra whitespace if in last
 column of table (#8808)

* Nudge last tooltip in header to the left

* changefile

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
---
 ...ra-whitespace-after-last-table-header-with-tooltip |  1 +
 frontend/pages/hosts/ManageHostsPage/_styles.scss     | 11 +++++++++++
 2 files changed, 12 insertions(+)
 create mode 100644 changes/issue-8390-extra-whitespace-after-last-table-header-with-tooltip

diff --git a/changes/issue-8390-extra-whitespace-after-last-table-header-with-tooltip b/changes/issue-8390-extra-whitespace-after-last-table-header-with-tooltip
new file mode 100644
index 0000000000..a8c9c2b731
--- /dev/null
+++ b/changes/issue-8390-extra-whitespace-after-last-table-header-with-tooltip
@@ -0,0 +1 @@
+- remove extra whitespace in datatable after the last header containing a tooltip
diff --git a/frontend/pages/hosts/ManageHostsPage/_styles.scss b/frontend/pages/hosts/ManageHostsPage/_styles.scss
index d9058f20fc..1d98e4533a 100644
--- a/frontend/pages/hosts/ManageHostsPage/_styles.scss
+++ b/frontend/pages/hosts/ManageHostsPage/_styles.scss
@@ -172,6 +172,16 @@
             overflow-x: scroll;
           }
           &__table {
+            thead {
+              tr {
+                th:last-child {
+                  .component__tooltip-wrapper__tip-text {
+                    left: -8px;
+                  }
+                }
+              }
+            }
+
             tbody {
               .issues__cell {
                 display: flex;
@@ -184,6 +194,7 @@
                   }
                 }
               }
+
               .device_mapping__cell {
                 .text-cell {
                   display: inline;