diff --git a/homeassistant/components/http/frontend.py b/homeassistant/components/http/frontend.py
index df35e766af54ee3f6caa728600687fbdca84bec6..fccb16445553fdebb7ea1f6c33fc24bea9b95b72 100644
--- a/homeassistant/components/http/frontend.py
+++ b/homeassistant/components/http/frontend.py
@@ -1,2 +1,2 @@
 """ DO NOT MODIFY. Auto-generated by build_polymer script """
-VERSION = "835922d1958738763525d6670c11bfb5"
+VERSION = "332ab144e7dc36f329ab4acb4155aab3"
diff --git a/homeassistant/components/http/www_static/frontend.html b/homeassistant/components/http/www_static/frontend.html
index bc4d5eededce304b9613b4d3af7dfef66f0d7402..e93517c36e33d42e4d6a44e695405f9f3d8d15a4 100644
--- a/homeassistant/components/http/www_static/frontend.html
+++ b/homeassistant/components/http/www_static/frontend.html
@@ -17942,12 +17942,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 
         <div class="info">
           <div class="name">
-            <template if="{{state_attr['friendly_name']}}">
-              {{state_attr['friendly_name']}}
-            </template>
-            <template if="{{!state_attr['friendly_name']}}">
-              {{stateObj.entityDisplay}}
-            </template>
+            {{stateObj.entityDisplay}}
           </div>
 
           <div class="time-ago">
@@ -17960,13 +17955,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       </div>
 
       <template if="{{!stateUnknown}}">
-        <template if="{{stateObj.state == 'on' || stateObj.state == 'off'}}">
+        <template if="{{stateObj.canToggle}}">
           <div class="state toggle" self-center="" flex="">
             <paper-toggle-button checked="{{toggleChecked}}">
             </paper-toggle-button>
           </div>
         </template>
-        <template if="{{stateObj.state != 'on' && stateObj.state != 'off'}}">
+        <template if="{{!stateObj.canToggle}}">
           <div class="state text">{{stateObj.stateDisplay}}</div>
         </template>
       </template>
@@ -20124,8 +20119,14 @@ core-item {
       var parts = state.entity_id.split(".");
       state.domain = parts[0];
       state.entity = parts[1];
-      state.entityDisplay = state.entity.replace(/_/g, " ");
       state.stateDisplay = state.state.replace(/_/g, " ");
+      state.canToggle = state.state == "on" || state.state == "off"
+
+      if(state.attributes.friendly_name) {
+        state.entityDisplay = state.attributes.friendly_name;
+      } else {
+        state.entityDisplay = state.entity.replace(/_/g, " ");
+      }
     },
 
     // call api methods