diff --git a/homeassistant/components/http/www_static/polymer/cards/state-card-content.html b/homeassistant/components/http/www_static/polymer/cards/state-card-content.html
index 3ec588f989f..9cf8a0fc32f 100644
--- a/homeassistant/components/http/www_static/polymer/cards/state-card-content.html
+++ b/homeassistant/components/http/www_static/polymer/cards/state-card-content.html
@@ -5,19 +5,19 @@
 
 <polymer-element name="state-card-content" attributes="api stateObj" noscript>
 <template>
-  <template id="display">
+  <template id="state-card-display">
     <state-card-display
       stateObj="{{stateObj}}">
     </state-card-display>
   </template>
 
-  <template id="toggle">
+  <template id="state-card-toggle">
     <state-card-toggle
       stateObj="{{stateObj}}"
       api="{{api}}">
     </state-card-display>
   </template>
 
-  <template bind ref="{{stateObj.cardType}}"></template>
+  <template bind ref="{{'state-card-' + stateObj.cardType}}"></template>
 </template>
 </polymer-element>