diff --git a/src/components/entity/ha-entity-humidifier.ts b/src/components/entity/ha-entity-humidifier.ts
index 3e38b8b0b4..ac6603e499 100644
--- a/src/components/entity/ha-entity-humidifier.ts
+++ b/src/components/entity/ha-entity-humidifier.ts
@@ -27,39 +27,35 @@ class HaEntityHumidifier extends HaEntityToggle {
     `;
   }
 
-  static get styles(): CSSResult[] {
-    const toggle_styles = super.styles;
-    const humidifier_styles = [
-      css`
-        :host {
-          display: flex;
-          flex-direction: row;
-          justify-content: center;
-          align-items: center;
-        }
+  static get styles(): CSSResult {
+    return css`
+      :host {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+      }
 
-        .target {
-          color: var(--primary-text-color);
-        }
+      .target {
+        color: var(--primary-text-color);
+      }
 
-        .current {
-          color: var(--secondary-text-color);
-        }
+      .current {
+        color: var(--secondary-text-color);
+      }
 
-        .state-label {
-          font-weight: bold;
-          text-transform: capitalize;
-        }
+      .state-label {
+        font-weight: bold;
+        text-transform: capitalize;
+      }
 
-        .unit {
-          display: inline-block;
-          direction: ltr;
-        }
-      `,
-    ];
-    return toggle_styles
-      ? toggle_styles.concat(humidifier_styles)
-      : humidifier_styles;
+      .unit {
+        display: inline-block;
+        direction: ltr;
+      }
+
+      ${super.styles}
+    `;
   }
 }
 
diff --git a/src/components/entity/ha-entity-toggle.ts b/src/components/entity/ha-entity-toggle.ts
index 1756ccb929..587f299641 100644
--- a/src/components/entity/ha-entity-toggle.ts
+++ b/src/components/entity/ha-entity-toggle.ts
@@ -138,28 +138,23 @@ export class HaEntityToggle extends LitElement {
     }, 2000);
   }
 
-  static get styles(): CSSResult[] {
-    return [
-      css`
-        :host {
-          white-space: nowrap;
-          min-width: 38px;
-        }
-        ha-icon-button {
-          color: var(
-            --ha-icon-button-inactive-color,
-            var(--primary-text-color)
-          );
-          transition: color 0.5s;
-        }
-        ha-icon-button[state-active] {
-          color: var(--ha-icon-button-active-color, var(--primary-color));
-        }
-        ha-switch {
-          padding: 13px 5px;
-        }
-      `,
-    ];
+  static get styles(): CSSResult {
+    return css`
+      :host {
+        white-space: nowrap;
+        min-width: 38px;
+      }
+      ha-icon-button {
+        color: var(--ha-icon-button-inactive-color, var(--primary-text-color));
+        transition: color 0.5s;
+      }
+      ha-icon-button[state-active] {
+        color: var(--ha-icon-button-active-color, var(--primary-color));
+      }
+      ha-switch {
+        padding: 13px 5px;
+      }
+    `;
   }
 }