diff --git a/polymer-ui-breadcrumbs/metadata.html b/polymer-ui-breadcrumbs/metadata.html
index e4466d7..e0ee725 100644
--- a/polymer-ui-breadcrumbs/metadata.html
+++ b/polymer-ui-breadcrumbs/metadata.html
@@ -3,6 +3,7 @@
     <polymer-ui-breadcrumbs crumbs='[{"label": "Overview"}, {"label": "Subitem1"}, {"label": "Subitem2"},{"label": "Subitem3"}]'></polymer-ui-breadcrumbs>
   </template>
   <property name="crumbs" kind="json"></property>
+  <property name="selected" kind="string"></property>
   <template id="imports">
     <link rel="import" href="polymer-ui-breadcrumbs.html">
   </template>
diff --git a/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.css b/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.css
index d616683..e9ea862 100644
--- a/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.css
+++ b/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.css
@@ -22,11 +22,7 @@ license that can be found in the LICENSE file.
   color: #aaa;
 }
 
-.label[hidden] {
-  display: none;
-}
-
-.label.polymer-selected > a {
+.label:last-of-type > a {
   color: black;
 }
 
@@ -40,6 +36,6 @@ polymer-ui-icon {
   transform: rotate(270deg);
 }
 
-.label.polymer-selected ~ polymer-ui-icon {
+polymer-ui-icon:last-of-type {
   display: none !important;
 }
\ No newline at end of file
diff --git a/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.html b/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.html
index 034ec47..ce0bd45 100644
--- a/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.html
+++ b/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.html
@@ -64,7 +64,7 @@
     <link rel="stylesheet" href="polymer-ui-breadcrumbs.css">
     <div id="crumbs">
       <template repeat="{{crumbs}}">
-        <li class="label" hidden?="{{hidden}}"><a href="{{href}}" disabled?="{{!href}}">{{label}}</a></li>
+        <li class="label"><a href="{{href}}" disabled?="{{!href}}">{{label}}</a></li>
         <polymer-ui-icon icon="dropdown"></polymer-ui-icon>
       </template>
     </div>
@@ -72,17 +72,8 @@
   </template>
   <script>
     Polymer('polymer-ui-breadcrumbs', {
-      createdCallback: function() {
+      created: function() {
         this.crumbs = [];
-        this.super(arguments);
-      },
-      crumbsChanged: function() {
-        this.selected = this.crumbs ? this.crumbs.length - 1 : null;
-      },
-      selectedChanged: function() {
-        this.crumbs && this.crumbs.forEach(function(c, i) {
-          c.hidden = i > this.selected;
-        }.bind(this));
       }
     });
   </script>