diff --git a/src/state-summary/state-card-media_player.html b/src/state-summary/state-card-media_player.html
index 52bf7e08b8..3e5dd277a2 100644
--- a/src/state-summary/state-card-media_player.html
+++ b/src/state-summary/state-card-media_player.html
@@ -15,15 +15,18 @@
   }
 
   .main-text {
-      white-space: nowrap;
-      overflow-x: hidden;
-      text-overflow: ellipsis;
-      text-transform: capitalize;
-      font-weight: 400;
+    white-space: nowrap;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    text-transform: capitalize;
+    font-weight: 400;
   }
 
   .secondary-text {
-      color: var(--secondary-text-color);
+    white-space: nowrap;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    color: var(--secondary-text-color);
   }
   </style>
   <template>
diff --git a/src/state-summary/state-card-rollershutter.html b/src/state-summary/state-card-rollershutter.html
index 667d872df2..f3f28062cb 100644
--- a/src/state-summary/state-card-rollershutter.html
+++ b/src/state-summary/state-card-rollershutter.html
@@ -10,8 +10,9 @@
   }
 
   .state {
-    margin-left: 16px;
     text-align: right;
+    white-space: nowrap;
+    width: 127px;
   }
 
   </style>
diff --git a/src/state-summary/state-card-thermostat.html b/src/state-summary/state-card-thermostat.html
index 977d615792..3797c63e16 100644
--- a/src/state-summary/state-card-thermostat.html
+++ b/src/state-summary/state-card-thermostat.html
@@ -11,15 +11,22 @@
   .state {
     margin-left: 16px;
     text-align: right;
+    overflow-x: hidden;
   }
 
   .target {
-      text-transform: capitalize;
-      font-weight: 400;
+    text-transform: capitalize;
+    font-weight: 400;
+    white-space: nowrap;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
   }
 
   .current {
-      color: var(--secondary-text-color);
+    color: var(--secondary-text-color);
+    white-space: nowrap;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
   }
   </style>
   <template>