diff --git a/src/panels/lovelace/editor/config-elements/hui-conditional-card-editor.ts b/src/panels/lovelace/editor/config-elements/hui-conditional-card-editor.ts
index 71bae401ee..be9b8e943b 100644
--- a/src/panels/lovelace/editor/config-elements/hui-conditional-card-editor.ts
+++ b/src/panels/lovelace/editor/config-elements/hui-conditional-card-editor.ts
@@ -1,5 +1,6 @@
-import "@polymer/paper-tabs";
-import "@polymer/paper-tabs/paper-tab";
+import "@material/mwc-tab-bar/mwc-tab-bar";
+import "@material/mwc-tab/mwc-tab";
+import type { MDCTabBarActivatedEvent } from "@material/tab-bar";
 import {
   css,
   CSSResultArray,
@@ -70,21 +71,21 @@ export class HuiConditionalCardEditor extends LitElement
     }
 
     return html`
-      <paper-tabs
-        .selected=${this._cardTab ? "1" : "0"}
-        @iron-select=${this._selectTab}
+      <mwc-tab-bar
+        .activeIndex=${this._cardTab ? 1 : 0}
+        @MDCTabBar:activated=${this._selectTab}
       >
-        <paper-tab
-          >${this.hass!.localize(
+        <mwc-tab
+          .label=${this.hass!.localize(
             "ui.panel.lovelace.editor.card.conditional.conditions"
-          )}</paper-tab
-        >
-        <paper-tab
-          >${this.hass!.localize(
+          )}
+        ></mwc-tab>
+        <mwc-tab
+          .label=${this.hass!.localize(
             "ui.panel.lovelace.editor.card.conditional.card"
-          )}</paper-tab
-        >
-      </paper-tabs>
+          )}
+        ></mwc-tab>
+      </mwc-tab-bar>
       ${this._cardTab
         ? html`
             <div class="card">
@@ -192,8 +193,8 @@ export class HuiConditionalCardEditor extends LitElement
     `;
   }
 
-  private _selectTab(ev: Event): void {
-    this._cardTab = parseInt((ev.target! as any).selected!, 10) === 1;
+  private _selectTab(ev: MDCTabBarActivatedEvent): void {
+    this._cardTab = ev.detail.index === 1;
   }
 
   private _toggleMode(): void {
@@ -301,9 +302,7 @@ export class HuiConditionalCardEditor extends LitElement
     return [
       configElementStyle,
       css`
-        paper-tabs {
-          --paper-tabs-selection-bar-color: var(--primary-color);
-          --paper-tab-ink: var(--primary-color);
+        mwc-tab-bar {
           border-bottom: 1px solid var(--divider-color);
         }
         .conditions {