diff --git a/src/components/ha-climate-state.js b/src/components/ha-climate-state.js
index 8cdc2e37d9..4453f03b5a 100644
--- a/src/components/ha-climate-state.js
+++ b/src/components/ha-climate-state.js
@@ -32,9 +32,11 @@ class HaClimateState extends LocalizeMixin(PolymerElement) {
     </style>
 
     <div class="target">
-      <span class="state-label">
-        [[_localizeState(stateObj.state)]]
-      </span>
+      <template is="dom-if" if="[[_hasKnownState(stateObj.state)]]">
+        <span class="state-label">
+          [[_localizeState(stateObj.state)]]
+        </span>
+      </template>
       [[computeTarget(hass, stateObj)]]
     </div>
 
@@ -101,6 +103,10 @@ class HaClimateState extends LocalizeMixin(PolymerElement) {
     return "";
   }
 
+  _hasKnownState(state) {
+    return state !== "unknown";
+  }
+
   _localizeState(state) {
     return this.localize(`state.climate.${state}`) || state;
   }