From 10e752a52400c2bbdb1fc840522366f12973a09d Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Thu, 19 Dec 2024 17:10:42 +0200
Subject: [PATCH] fix(material/sort): show arrow on focus (#30217)

Fixes that the sort header wasn't showing the arrow when it's focused.

Fixes #30196.

(cherry picked from commit 1c1ebfd87be2cbbc56970b782c5d2b528002be02)
---
 src/material/sort/sort-header.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/material/sort/sort-header.scss b/src/material/sort/sort-header.scss
index 9fdde22e9f37..c836a7383091 100644
--- a/src/material/sort/sort-header.scss
+++ b/src/material/sort/sort-header.scss
@@ -78,6 +78,8 @@
     @include token-utils.create-token-slot(color, arrow-color);
   }
 
+  .mat-sort-header.cdk-keyboard-focused &,
+  .mat-sort-header.cdk-program-focused &,
   .mat-sort-header:hover & {
     opacity: 0.54;
   }