UI: Adjustment to overflowing mdm columns fixes (#11009)

frontend/pages/hosts/ManageHostsPage/HostTableConfig.tsx

@@ -240,6 +240,7 @@ const allHostTableHeaders: IDataColumn[] = [
              hosts won’t respond to a live query because<br/>
              they may be shut down, asleep, or not<br/>
              connected to the internet.`}
+          className="last-col-header-with-tip"
         >
           Status
         </TooltipWrapper>

frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx

@@ -1349,6 +1349,12 @@ const ManageHostsPage = ({
     });
     tableColumns[tableColumns.length - 1].isLastColumn = true;
 
+    // Update last column
+    tableColumns.forEach((dataColumn) => {
+      dataColumn.isLastColumn = false;
+    });
+    tableColumns[tableColumns.length - 1].isLastColumn = true;
+
     const emptyState = () => {
       const emptyHosts: IEmptyTableProps = {
         header: "No hosts match the current criteria",

frontend/pages/hosts/ManageHostsPage/_styles.scss

@@ -178,7 +178,7 @@
                   .last-col-header-with-tip {
                     min-width: 90px;
                     .component__tooltip-wrapper__tip-text {
-                      left: -96px;
+                      left: -126px;
                     }
                   }
                 }