From 554c77c4fca5019896d336492b81b1fc56f9a281 Mon Sep 17 00:00:00 2001
From: Matteo Corti <matteo@corti.li>
Date: Wed, 1 Jun 2022 09:03:57 +0200
Subject: [PATCH] Fixes #139 (#140)

---
 src/index.js  | 8 ++++----
 src/styles.js | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/index.js b/src/index.js
index 07a780c..5b26156 100644
--- a/src/index.js
+++ b/src/index.js
@@ -301,9 +301,9 @@ class BannerCard extends LitElement {
     const htmlContent = this.renderValue(
       { ...data, value, unit, click: action },
       () => html`
-        <mwc-button ?dense=${true} @click=${action}>
+        <ha-button ?dense=${true} @click=${action}>
           ${value} ${unit}
-        </mwc-button>
+        </ha-button>
       `
     );
     return html`
@@ -381,12 +381,12 @@ class BannerCard extends LitElement {
       <div class="entity-state" style="${this.grid(size)}">
         ${entityName(name, onClick)}
         <span class="entity-value">
-          <mwc-switch
+          <ha-switch
             style="--mdc-theme-secondary: ${color};"
             ?checked=${state === "on"}
             @click=${this._service(domain, "toggle", entity)}
           >
-          </mwc-switch>
+          </ha-switch>
         </span>
       </div>
     `;
diff --git a/src/styles.js b/src/styles.js
index 275db38..8b9108f 100644
--- a/src/styles.js
+++ b/src/styles.js
@@ -134,10 +134,10 @@ export default css`
     color: white;
   }
 
-  mwc-button {
+  ha-button {
     --mdc-theme-primary: white;
   }
-  mwc-switch {
+  ha-switch {
     --mdc-theme-secondary: white;
   }
 `;