Fleet UI: "Fleet spotlight" (Command palette menu) (#43756)

frontend/components/TableContainer/DataTable/SoftwareNameCell/SoftwareNameCell.tsx

@@ -100,7 +100,7 @@ const getInstallIconType = (
   return isSelfService ? "selfService" : "manual";
 };
 
-const InstallIconWithTooltip = ({
+export const InstallIconWithTooltip = ({
   isSelfService,
   automaticInstallPoliciesCount,
   pageContext,

frontend/components/TableContainer/DataTable/SoftwareNameCell/_styles.scss

@@ -12,6 +12,19 @@
     height: 24px;
   }
 
+  &__install-icon-with-tooltip {
+    display: inline-flex;
+    align-items: center;
+
+    // TooltipWrapper renders its child inside a span that defaults to
+    // text-baseline alignment. Re-center so the icon sits in the row's
+    // vertical middle wherever this component is used.
+    .component__tooltip-wrapper__element {
+      display: inline-flex;
+      align-items: center;
+    }
+  }
+
   &__install-tooltip-text {
     font-weight: $regular;
     font-size: $xx-small;