diff --git a/src/components/ha-card.ts b/src/components/ha-card.ts
index 9d48bca2cb..8b2cbd8292 100644
--- a/src/components/ha-card.ts
+++ b/src/components/ha-card.ts
@@ -19,7 +19,7 @@ class HaCard extends LitElement {
       :host {
         background: var(
           --ha-card-background,
-          var(--paper-card-background-color, white)
+          var(--card-background-color, white)
         );
         border-radius: var(--ha-card-border-radius, 4px);
         box-shadow: var(
diff --git a/src/entrypoints/app.ts b/src/entrypoints/app.ts
index 934affb498..bb4b54b6e7 100644
--- a/src/entrypoints/app.ts
+++ b/src/entrypoints/app.ts
@@ -5,8 +5,6 @@ import "../layouts/home-assistant";
 import "../util/legacy-support";
 
 setPassiveTouchGestures(true);
-/* LastPass createElement workaround. See #428 */
-document.createElement = Document.prototype.createElement;
 
 (window as any).frontendVersion = __VERSION__;
 
diff --git a/src/panels/config/cloud/alexa/cloud-alexa.ts b/src/panels/config/cloud/alexa/cloud-alexa.ts
index 5a3ae1ebd2..277d0022d4 100644
--- a/src/panels/config/cloud/alexa/cloud-alexa.ts
+++ b/src/panels/config/cloud/alexa/cloud-alexa.ts
@@ -323,7 +323,7 @@ class CloudAlexa extends LitElement {
         color: var(--primary-text-color);
         background-color: var(
           --ha-card-background,
-          var(--paper-card-background-color, white)
+          var(--card-background-color, white)
         );
         padding: 16px 8px;
         text-align: center;
diff --git a/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts b/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts
index 84e3c77d1c..ea09102aea 100644
--- a/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts
+++ b/src/panels/config/cloud/google-assistant/cloud-google-assistant.ts
@@ -361,7 +361,7 @@ class CloudGoogleAssistant extends LitElement {
         color: var(--primary-text-color);
         background-color: var(
           --ha-card-background,
-          var(--paper-card-background-color, white)
+          var(--card-background-color, white)
         );
         padding: 16px 8px;
         text-align: center;
diff --git a/src/panels/lovelace/cards/hui-alarm-panel-card.ts b/src/panels/lovelace/cards/hui-alarm-panel-card.ts
index bcb4343481..8fa590cf8f 100644
--- a/src/panels/lovelace/cards/hui-alarm-panel-card.ts
+++ b/src/panels/lovelace/cards/hui-alarm-panel-card.ts
@@ -280,7 +280,7 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
       ha-label-badge {
         --ha-label-badge-color: var(--alarm-state-color);
         --label-badge-text-color: var(--alarm-state-color);
-        --label-badge-background-color: var(--paper-card-background-color);
+        --label-badge-background-color: var(--card-background-color);
         color: var(--alarm-state-color);
         position: absolute;
         right: 12px;
diff --git a/src/panels/lovelace/editor/card-editor/hui-card-picker.ts b/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
index ab87b56caa..e9dab6492d 100644
--- a/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
@@ -266,7 +266,7 @@ export class HuiCardPicker extends LitElement {
           text-align: center;
           background: var(
             --ha-card-background,
-            var(--paper-card-background-color, white)
+            var(--card-background-color, white)
           );
           border-radius: 0 0 4px 4px;
           border-bottom: 1px solid var(--divider-color);
diff --git a/src/resources/styles.ts b/src/resources/styles.ts
index 9eeeb4821d..6cd52a0db8 100644
--- a/src/resources/styles.ts
+++ b/src/resources/styles.ts
@@ -21,7 +21,6 @@ export const derivedStyles = {
   "label-badge-grey": "var(--paper-grey-500)",
   "label-badge-background-color": "var(--card-background-color)",
   "label-badge-text-color": "rgba(var(--rgb-primary-text-color), 0.8)",
-  "paper-card-background-color": "var(--card-background-color)",
   "paper-listbox-background-color": "var(--card-background-color)",
   "paper-item-icon-color": "var(--state-icon-color)",
   "paper-item-icon-active-color": "var(--state-icon-active-color)",
@@ -49,6 +48,7 @@ export const derivedStyles = {
   "material-secondary-background-color": "var(--secondary-background-color)",
   "mdc-checkbox-unchecked-color": "rgba(var(--rgb-primary-text-color), 0.54)",
   "mdc-checkbox-disabled-color": "var(--disabled-text-color)",
+  "mdc-tab-text-label-color-default": "var(--primary-text-color)",
 };
 
 export const haStyle = css`