diff --git a/src/panels/lovelace/cards/hui-humidifier-card.ts b/src/panels/lovelace/cards/hui-humidifier-card.ts
index 54264b7908..da83b795a2 100644
--- a/src/panels/lovelace/cards/hui-humidifier-card.ts
+++ b/src/panels/lovelace/cards/hui-humidifier-card.ts
@@ -168,11 +168,14 @@ export class HuiHumidifierCard extends LitElement implements LovelaceCard {
       .title {
         width: 100%;
         font-size: 18px;
-        line-height: 24px;
-        padding: 12px 36px 16px 36px;
+        line-height: 36px;
+        padding: 8px 30px 8px 30px;
         margin: 0;
         text-align: center;
         box-sizing: border-box;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
 
       ha-state-control-humidifier-humidity {
diff --git a/src/panels/lovelace/cards/hui-thermostat-card.ts b/src/panels/lovelace/cards/hui-thermostat-card.ts
index d85613948c..1d64de90de 100644
--- a/src/panels/lovelace/cards/hui-thermostat-card.ts
+++ b/src/panels/lovelace/cards/hui-thermostat-card.ts
@@ -160,11 +160,14 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
       .title {
         width: 100%;
         font-size: 18px;
-        line-height: 24px;
-        padding: 12px 36px 16px 36px;
+        line-height: 36px;
+        padding: 8px 30px 8px 30px;
         margin: 0;
         text-align: center;
         box-sizing: border-box;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
 
       ha-state-control-climate-temperature {