From cee838b25f8a75e9ea56ea8cde7946b9eeab6b41 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Tue, 14 Jul 2026 07:47:28 -0700
Subject: [PATCH] Fleet UI: Remove blue click flash on clickable table rows
 (#49228)

---
 changes/47530-my-device-policy-click-highlight            | 1 +
 frontend/components/TableContainer/DataTable/_styles.scss | 5 +----
 2 files changed, 2 insertions(+), 4 deletions(-)
 create mode 100644 changes/47530-my-device-policy-click-highlight

diff --git a/changes/47530-my-device-policy-click-highlight b/changes/47530-my-device-policy-click-highlight
new file mode 100644
index 0000000000..df2d71ad30
--- /dev/null
+++ b/changes/47530-my-device-policy-click-highlight
@@ -0,0 +1 @@
+- Removed the blue active-state background flash when clicking a row in a single-select data table (e.g., **My device > Policies**).
diff --git a/frontend/components/TableContainer/DataTable/_styles.scss b/frontend/components/TableContainer/DataTable/_styles.scss
index 20babbea91..d7220d5448 100644
--- a/frontend/components/TableContainer/DataTable/_styles.scss
+++ b/frontend/components/TableContainer/DataTable/_styles.scss
@@ -261,7 +261,7 @@ $shadow-transition-width: 16px;
           background-color: $ui-off-white-opaque; // opaque needed for horizontal scroll shadow
         }
         &:focus-visible {
-          outline: 2px solid $core-focused-outline;
+          outline: 1px solid $core-focused-outline;
           background: $ui-off-white;
           border-radius: $border-radius;
         }
@@ -283,9 +283,6 @@ $shadow-transition-width: 16px;
         &:hover {
           cursor: pointer;
         }
-        &:active {
-          background-color: $ui-vibrant-blue-10;
-        }
       }
 
       .clickable-row {