From d98f1ea0ed2636607d419956a81eea8ffff43c65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?=
 <fcollonval@users.noreply.github.com>
Date: Thu, 4 Jul 2024 11:39:35 +0200
Subject: [PATCH] Keep the background color transparent on hover for stealth
 buttons

---
 packages/components/src/styles/patterns/button.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/styles/patterns/button.ts b/packages/components/src/styles/patterns/button.ts
index 28d358b..7fddb33 100644
--- a/packages/components/src/styles/patterns/button.ts
+++ b/packages/components/src/styles/patterns/button.ts
@@ -537,7 +537,9 @@ export const OutlineButtonStyles = css`
  * @internal
  */
 export const StealthButtonStyles = css`
-  :host([appearance='stealth']) {
+  :host([appearance='stealth']),
+  :host([appearance='stealth'][disabled]:active),
+  :host([appearance='stealth'][disabled]:hover) {
     background: transparent;
   }