diff --git a/ui/index.html b/ui/index.html
index a33c45b5c6..2d750e9cbf 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -92,7 +92,7 @@
 
   <script type="text/x-handlebars" data-template-name="kv/show">
   <div class="row">
-    <h4 class="breadcrumbs"><a href="" {{action 'linkToKey' grandParentKey }}>{{parentKey}}</a></h4>
+    <h4 class="breadcrumbs"><a href="" {{action 'linkToKey' grandParentKey }}>{{parentKey}}</a> <a href="" {{action 'linkToKey' parentKey }}>+</a></h4>
   </div>
 
   <div class="row">
@@ -169,7 +169,7 @@
   <div class="row">
     <div class="col-md-5">
       <div class="row">
-        <h4 class="breadcrumbs"><a href="" {{action 'linkToKey' grandParentKey }}>{{parentKey}}</a></h4>
+        <h4 class="breadcrumbs"><a href="" {{action 'linkToKey' grandParentKey }}>{{parentKey}}</a> <a href="" {{action 'linkToKey' parentKey }}>+</a></h4>
       </div>
     </div>
   </div>
diff --git a/ui/javascripts/app/routes.js b/ui/javascripts/app/routes.js
index 308a2b9648..b0020b3968 100644
--- a/ui/javascripts/app/routes.js
+++ b/ui/javascripts/app/routes.js
@@ -42,7 +42,10 @@ App.BaseRoute = Ember.Route.extend({
     // Used to link to keys that are not objects,
     // like parents and grandParents
     linkToKey: function(key) {
-      if (key.slice(-1) === '/' || key === this.rootKey) {
+      if (key == "/") {
+        this.transitionTo('kv.show', "")
+      }
+      else if (key.slice(-1) === '/' || key === this.rootKey) {
         this.transitionTo('kv.show', key)
       } else {
         this.transitionTo('kv.edit', key)