bug(focus-indicator): Focus indicator should appear above close next element

[ryuran]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

The focus indicator should not be hidden behind the button.

.mat-focus-indicator::before {
  z-index: 1;
}

Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-starter-gr7htwmj?file=src%2Fglobal_styles.scss
Steps to reproduce:

1. navigate with keyboard Tab / shift+Tab

Expected Behavior

focus indicator should appear above the next button

Actual Behavior

focus indicator is partially hidden behind the next button

Environment

• Angular: >= 19
• CDK/Material: >= 19
• Browser(s): all
• Operating System (e.g. Windows, macOS, Ubuntu): all