diff --git a/IPython/html/static/style/ipython.min.css b/IPython/html/static/style/ipython.min.css
index f715120..7325b41 100644
--- a/IPython/html/static/style/ipython.min.css
+++ b/IPython/html/static/style/ipython.min.css
@@ -31,6 +31,9 @@ div.traceback-wrapper{text-align:left;max-width:800px;margin:auto}
 .alternate_upload input.fileinput{background-color:#f00;position:relative;opacity:0;z-index:2;width:295px;margin-left:163px;cursor:pointer;height:26px}
 ul#tabs{margin-bottom:4px}
 ul#tabs a{padding-top:4px;padding-bottom:4px}
+ul.breadcrumb a:focus,ul.breadcrumb a:hover{text-decoration:none}
+ul.breadcrumb i.icon-home{font-size:16px;margin-right:4px}
+ul.breadcrumb span{color:#5e5e5e}
 .list_toolbar{padding:4px 0 4px 0}
 .list_toolbar [class*="span"]{min-height:26px}
 .list_header{font-weight:bold}
diff --git a/IPython/html/static/style/style.min.css b/IPython/html/static/style/style.min.css
index f55c0b4..5023d74 100644
--- a/IPython/html/static/style/style.min.css
+++ b/IPython/html/static/style/style.min.css
@@ -1308,6 +1308,9 @@ span#login_widget{float:right}
 .alternate_upload input.fileinput{background-color:#f00;position:relative;opacity:0;z-index:2;width:295px;margin-left:163px;cursor:pointer;height:26px}
 ul#tabs{margin-bottom:4px}
 ul#tabs a{padding-top:4px;padding-bottom:4px}
+ul.breadcrumb a:focus,ul.breadcrumb a:hover{text-decoration:none}
+ul.breadcrumb i.icon-home{font-size:16px;margin-right:4px}
+ul.breadcrumb span{color:#5e5e5e}
 .list_toolbar{padding:4px 0 4px 0}
 .list_toolbar [class*="span"]{min-height:26px}
 .list_header{font-weight:bold}
diff --git a/IPython/html/static/tree/less/tree.less b/IPython/html/static/tree/less/tree.less
index 074da65..0e758b5 100644
--- a/IPython/html/static/tree/less/tree.less
+++ b/IPython/html/static/tree/less/tree.less
@@ -11,6 +11,7 @@
 // are not less variables so we have to track them statically.
 @btn_small_height: 26px;
 @btn_mini_height: 22px;
+@dark_dashboard_color: darken(@border_color, 30%);
 
 ul#tabs {
     margin-bottom: @dashboard_tb_pad;
@@ -21,6 +22,20 @@ ul#tabs a {
     padding-bottom: @dashboard_tb_pad;
 }
 
+ul.breadcrumb {
+    a:focus, a:hover {
+        text-decoration: none;
+    }
+    i.icon-home {
+        font-size: 16px;
+        margin-right: 4px;
+    }
+    
+    span {
+        color: @dark_dashboard_color;
+    }
+}
+
 .list_toolbar {
     padding: @dashboard_tb_pad 0 @dashboard_tb_pad 0;
 }
@@ -74,7 +89,7 @@ ul#tabs a {
 
 .item_icon {
     font-size: 14px; 
-    color: darken(@border_color, 30%);
+    color: @dark_dashboard_color;
     margin-right: @dashboard_lr_pad;
 }
 
diff --git a/IPython/html/templates/tree.html b/IPython/html/templates/tree.html
index d050200..9d678f2 100644
--- a/IPython/html/templates/tree.html
+++ b/IPython/html/templates/tree.html
@@ -51,7 +51,7 @@ data-base-kernel-url="{{base_kernel_url}}"
           <div id="notebook_list_header" class="row-fluid list_header">
               <div id="project_name">
                 <ul class="breadcrumb">
-                    <li><span><a href="{{breadcrumbs[0][0]}}">/</a></span></li>
+                    <li><a href="{{breadcrumbs[0][0]}}"><i class="icon-home"></i></a><span>/</span></li>
                     {% for crumb in breadcrumbs[1:] %}
                         <li><a href="{{crumb[0]}}">{{crumb[1]}}</a> <span>/</span></li>
                     {% endfor %}