diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-mini-list-view.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-mini-list-view.less
index ebf4ef1290..1cf8f0e577 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-mini-list-view.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-mini-list-view.less
@@ -19,5 +19,14 @@
 }
 
 .umb-mini-list-view__back {
+    font-size: 12px;
+    margin-right: 5px; 
+    color: @grayMed;
+    display: block;
+}
 
+.umb-mini-list-view__back:hover {
+    opacity: 1;
+    text-decoration: none;
+    color: @black;
 }
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/overlays/treepicker/treepicker.html b/src/Umbraco.Web.UI.Client/src/views/common/overlays/treepicker/treepicker.html
index 38e64965c1..5278433847 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/overlays/treepicker/treepicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/overlays/treepicker/treepicker.html
@@ -38,9 +38,10 @@
 
     <div ng-repeat="miniListView in miniListViews" ng-animate="animationTest()">
 
-        <div ng-if="!model.startNodeId" href="" ng-click="exitMiniListView(miniListView.node)" style="font-size: 12px;/* font-weight: bold; */margin-right: 5px; opacity: 0.5;">
+
+        <a ng-if="!model.startNodeId" href="" class="umb-mini-list-view__back" ng-click="exitMiniListView(miniListView.node)">
             <i class="icon-arrow-left" style="margin-right: 5px;"></i>Back
-        </div>
+        </a>
 
         <umb-mini-list-view
             node="miniListView.node"