diff --git a/src/panels/lovelace/cards/hui-humidifier-card.ts b/src/panels/lovelace/cards/hui-humidifier-card.ts
index 174822c45c..8a07d17791 100644
--- a/src/panels/lovelace/cards/hui-humidifier-card.ts
+++ b/src/panels/lovelace/cards/hui-humidifier-card.ts
@@ -156,6 +156,7 @@ export class HuiHumidifierCard extends LitElement implements LovelaceCard {
     return css`
       :host {
         display: block;
+        height: 100%;
       }
 
       ha-card {
@@ -166,6 +167,7 @@ export class HuiHumidifierCard extends LitElement implements LovelaceCard {
         display: flex;
         flex-direction: column;
         align-items: center;
+        justify-content: center;
       }
 
       .title {
diff --git a/src/panels/lovelace/cards/hui-thermostat-card.ts b/src/panels/lovelace/cards/hui-thermostat-card.ts
index ef033ba55c..65b0826c94 100644
--- a/src/panels/lovelace/cards/hui-thermostat-card.ts
+++ b/src/panels/lovelace/cards/hui-thermostat-card.ts
@@ -148,6 +148,7 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
     return css`
       :host {
         display: block;
+        height: 100%;
       }
 
       ha-card {
@@ -158,6 +159,7 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
         display: flex;
         flex-direction: column;
         align-items: center;
+        justify-content: center;
       }
 
       .title {