diff --git a/hassio/addon-view/hassio-addon-info.html b/hassio/addon-view/hassio-addon-info.html
index 002d4b08f9..0ac09bd2da 100644
--- a/hassio/addon-view/hassio-addon-info.html
+++ b/hassio/addon-view/hassio-addon-info.html
@@ -8,6 +8,7 @@
 <link rel="import" href="../../src/components/buttons/ha-call-api-button.html">
 <link rel='import' href='../../src/components/ha-markdown.html'>
 <link rel='import' href='../../src/resources/ha-style.html'>
+<link rel='import' href='../../src/components/hassio-card-content.html'>
 
 <dom-module id="hassio-addon-info">
   <template>
@@ -62,12 +63,12 @@
     <template is='dom-if' if='[[computeUpdateAvailable(addon)]]'>
       <paper-card heading='Update available! 🎉'>
         <div class='card-content'>
-          <hassio-item-info
+          <hassio-card-content
             title='[[addon.name]] [[addon.last_version]] is available'
             description='You are currently running version [[addon.version]]'
             icon='mdi:arrow-up-bold-circle'
-            classname='update'
-          ></hassio-item-info>
+            icon-class='update'
+          ></hassio-card-content>
         </div>
         <div class='card-actions'>
           <ha-call-api-button