diff --git a/source/java/org/alfresco/web/ui/repo/component/UINavigator.java b/source/java/org/alfresco/web/ui/repo/component/UINavigator.java
index 7822d88cd5..9ecf83ef93 100644
--- a/source/java/org/alfresco/web/ui/repo/component/UINavigator.java
+++ b/source/java/org/alfresco/web/ui/repo/component/UINavigator.java
@@ -226,9 +226,11 @@ public class UINavigator extends SelfRenderingComponent
       // generate the active panel title
       String cxPath = context.getExternalContext().getRequestContextPath();
       out.write("<div class=\"sidebarButtonSelected\" style=\"background-image: url(" + cxPath + "/images/parts/navigator_blue_gradient_bg.gif)\">");
-      out.write("<span class=\"sidebarButtonLabelHighlight\">");
+      out.write("<a class='sidebarButtonSelectedLink' onclick=\"");
+      out.write(Utils.generateFormSubmit(context, this, getClientId(context), PANEL_ACTION + area));
+      out.write("\" href=\"#\">");
       out.write(areaTitle);
-      out.write("</span></div>");
+      out.write("</a></div>");
       
       // generate the javascript method to capture the tree node click events
       if (treePanel)
diff --git a/source/web/css/main.css b/source/web/css/main.css
index ba95194e26..e7c317854b 100644
--- a/source/web/css/main.css
+++ b/source/web/css/main.css
@@ -600,6 +600,13 @@ a.topToolbarLinkHighlight, a.topToolbarLinkHighlight:link, a.topToolbarLinkHighl
    border-bottom: 1px solid #d3d7cf;
 }
 
+a.sidebarButtonSelectedLink, a.sidebarButtonSelectedLink:link, a.sidebarButtonSelectedLink:visited
+{
+   color: #fff;
+   font-weight: normal;
+   font-size:12px;
+}
+
 .sidebarButton
 {
    color: #004488;
@@ -610,12 +617,6 @@ a.topToolbarLinkHighlight, a.topToolbarLinkHighlight:link, a.topToolbarLinkHighl
    border-top: 1px solid #c8ccd1;
 }
 
-.sidebarButtonLabelHighlight
-{
-   color: #fff;
-   font-size:12px;
-}
-
 a.sidebarButtonLink, a.sidebarButtonLink:link, a.sidebarButtonLink:visited
 {
    color: #004488;