diff --git a/src/components/ha-cards.js b/src/components/ha-cards.js
index 587b41a0d7..f88e1bb72e 100644
--- a/src/components/ha-cards.js
+++ b/src/components/ha-cards.js
@@ -123,7 +123,7 @@ class HaCards extends PolymerElement {
       </style>
 
       <div id="main">
-        <template is="dom-if" if="[[cards.badges]]">
+        <template is="dom-if" if="[[cards.badges.length]]">
           <div class="badges">
             <template is="dom-if" if="[[cards.demo]]">
               <ha-demo-badge></ha-demo-badge>