From 7043e9f7b075bd361d5331671f7edf8bf8f87f7d Mon Sep 17 00:00:00 2001
From: Maicol Battistini <maicolbattistini@live.it>
Date: Wed, 21 Jun 2023 15:40:57 +0200
Subject: [PATCH] style(card): Improved focus ring

---
 card/lib/_card.scss | 7 +++++++
 card/lib/card.ts    | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/card/lib/_card.scss b/card/lib/_card.scss
index 20b6d83..ea75dd5 100644
--- a/card/lib/_card.scss
+++ b/card/lib/_card.scss
@@ -32,4 +32,11 @@ $_custom-property-prefix: 'card';
 
     border: var(--_outline-width) solid var(--_outline-color);
   }
+
+  md-focus-ring {
+    --md-focus-ring-shape: 12px;
+    --md-focus-ring-outward-offset: -3px;
+    --md-focus-ring-shape-end-end: 0;
+    --md-focus-ring-shape-end-start: 0;
+  }
 }
diff --git a/card/lib/card.ts b/card/lib/card.ts
index e4093f9..a24d544 100644
--- a/card/lib/card.ts
+++ b/card/lib/card.ts
@@ -90,7 +90,7 @@ export abstract class Card extends LitElement {
     /** @soyTemplate */
     protected renderFocusRing() {
         return html`
-            <md-focus-ring for="primary-action"></md-focus-ring>`;
+            <md-focus-ring for="primary-action" inward></md-focus-ring>`;
     }
 
     protected onButtonSlotChanged() {