From 52e3fc09f93e7ac7f660af0d218adb98b884c49a Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Fri, 25 Oct 2024 09:34:19 -0400
Subject: [PATCH] Fleet UI: Fix tabbing software view all hosts link, software
 status (#23144)

---
 .../SoftwarePackageCard/_styles.scss               |  9 ++++++++-
 .../SoftwareTitles/SoftwareTable/_styles.scss      | 14 --------------
 2 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwarePackageCard/_styles.scss b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwarePackageCard/_styles.scss
index f4c5f6a9e0..2de1944fa0 100644
--- a/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwarePackageCard/_styles.scss
+++ b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwarePackageCard/_styles.scss
@@ -62,7 +62,7 @@
     }
   }
 
-  &__status-title{
+  &__status-title {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -71,6 +71,13 @@
 
   &__status-count {
     font-weight: normal;
+
+    // When tabbing
+    &:focus-visible {
+      overflow: initial;
+      outline: 2px solid $ui-vibrant-blue-25;
+      box-shadow: inset 0 0 0 1px $ui-vibrant-blue-10;
+    }
   }
 
   &__actions-wrapper {
diff --git a/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/_styles.scss b/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/_styles.scss
index 8e413e4818..d6ae84038c 100644
--- a/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/_styles.scss
+++ b/frontend/pages/SoftwarePage/SoftwareTitles/SoftwareTable/_styles.scss
@@ -78,20 +78,6 @@
     &__data-table-block {
       .data-table-block {
         .data-table__table {
-          // for showing and hiding "view all hosts" link on hover
-          tr {
-            .software-link {
-              opacity: 0;
-              transition: opacity 250ms;
-            }
-
-            &:hover {
-              .software-link {
-                opacity: 1;
-              }
-            }
-          }
-
           thead {
             .name__header {
               width: $col-md;