From 1b14572859c48d36465c08499694062a10d5f23b Mon Sep 17 00:00:00 2001
From: logonoff <git@logonoff.co>
Date: Mon, 28 Apr 2025 15:02:11 -0400
Subject: [PATCH] fix(theme): show arrow when MuiTableSortLabel receives focus

Signed-off-by: logonoff <git@logonoff.co>
---
 .changeset/brave-eggs-mate.md                   | 5 +++++
 packages/theme/src/v5/defaultComponentThemes.ts | 4 ++++
 2 files changed, 9 insertions(+)
 create mode 100644 .changeset/brave-eggs-mate.md

diff --git a/.changeset/brave-eggs-mate.md b/.changeset/brave-eggs-mate.md
new file mode 100644
index 0000000000..73eb8e363a
--- /dev/null
+++ b/.changeset/brave-eggs-mate.md
@@ -0,0 +1,5 @@
+---
+'@backstage/theme': patch
+---
+
+Show arrow when MuiTableSortLabel receives focus
diff --git a/packages/theme/src/v5/defaultComponentThemes.ts b/packages/theme/src/v5/defaultComponentThemes.ts
index 55547a191c..1d07c318a0 100644
--- a/packages/theme/src/v5/defaultComponentThemes.ts
+++ b/packages/theme/src/v5/defaultComponentThemes.ts
@@ -162,6 +162,10 @@ export const defaultComponentThemes: ThemeOptions['components'] = {
         '&:focus': {
           color: 'inherit',
         },
+        // Targets the arrow when the label is focused
+        '&:focus svg': {
+          opacity: 0.5,
+        },
         // Bold font for highlighting selected column
         '&.Mui-active': {
           fontWeight: 'bold',