diff --git a/lib/components/hero-icon.html b/lib/components/hero-icon.html
index 5088e845..a2956846 100644
--- a/lib/components/hero-icon.html
+++ b/lib/components/hero-icon.html
@@ -14,11 +14,9 @@
     </style>
     <div class="icon"></div>
 
-    <div>
-      <hero-caption>
-        <content></content>
-      </hero-caption>
-    </div>
+    <template is="dom-if" if="{{label}}">
+      <hero-caption>{{label}}</hero-caption>
+    </template>
   </template>
 
   <script>
@@ -31,6 +29,9 @@
         path: {
           type: String
         },
+        label: {
+          type: String
+        },
         width: {
           type: String
         },
diff --git a/lib/index.html b/lib/index.html
index cb0060ac..6a7383fc 100644
--- a/lib/index.html
+++ b/lib/index.html
@@ -22,7 +22,7 @@
         <div class="row around-xs space-bottom-large" ng-hide="app.writer.progress == 100 && !app.writer.isBurning()">
           <div class="col-xs">
             <div class="box text-center">
-              <hero-icon path="images/image.svg">SELECT IMAGE</hero-icon>
+              <hero-icon path="images/image.svg" label="SELECT IMAGE"></hero-icon>
               <hero-badge class="block space-vertical-medium">1</hero-badge>
 
               <div class="space-vertical-large">
@@ -41,7 +41,7 @@
               <div class="step-border-left" ng-disabled="!app.selection.hasImage()"></div>
               <div class="step-border-right" ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()"></div>
 
-              <hero-icon path="images/drive.svg" ng-disabled="!app.selection.hasImage()">SELECT DRIVE</hero-icon>
+              <hero-icon path="images/drive.svg" ng-disabled="!app.selection.hasImage()" label="SELECT DRIVE"></hero-icon>
               <hero-badge class="block space-vertical-medium" ng-disabled="!app.selection.hasImage()">2</hero-badge>
 
               <div class="space-vertical-large">
@@ -72,7 +72,7 @@
 
           <div class="col-xs">
             <div class="box text-center">
-              <hero-icon path="images/burn.svg" ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()">BURN IMAGE</hero-icon>
+              <hero-icon path="images/burn.svg" ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()" label="BURN IMAGE"></hero-icon>
               <hero-badge class="block space-vertical-medium" ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()">3</hero-badge>
 
               <div class="space-vertical-large">