From ead5efc4c54909cd9e53e9fe430c0d488e2097d1 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 11 Apr 2023 12:42:49 +0200
Subject: [PATCH] fix(material/tabs): remove background color from tabs
 (#26905)

Resolves a recent regression where tabs no longer have a `background: none` which can cause them to be grey when used on a `<button>` element.
---
 src/material/tabs/_tabs-common.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/material/tabs/_tabs-common.scss b/src/material/tabs/_tabs-common.scss
index 0356f795d388..f22b4580eca2 100644
--- a/src/material/tabs/_tabs-common.scss
+++ b/src/material/tabs/_tabs-common.scss
@@ -50,6 +50,9 @@ $mat-tab-animation-duration: 500ms !default;
   -moz-osx-font-smoothing: grayscale;
   text-decoration: none;
 
+  // Tabs might be `button` elements so we have to reset the user agent styling.
+  background: none;
+
   &.mdc-tab {
     // MDC's tabs stretch to fit the header by default, whereas stretching on our current ones
     // is an opt-in behavior. Also technically we don't need to combine the two classes, but