2 files changed, 4 insertions, 7 deletions
diff --git a/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBreadcrumbs.js b/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBreadcrumbs.js
index a425f010268..9c02a29013d 100644
--- a/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBreadcrumbs.js
+++ b/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBreadcrumbs.js
@@ -46,6 +46,8 @@ class ComponentNavBreadcrumbs extends React.PureComponent {
     const lastItem = breadcrumbs[breadcrumbs.length - 1];
 
     const items = breadcrumbs.map((item, index) => {
+      const isPath = item.qualifier === 'DIR';
+      const itemName = isPath ? collapsePath(item.name, 15) : limitComponentName(item.name);
       return (
         <span key={item.key}>
           {!displayOrganization &&
@@ -58,8 +60,8 @@ class ComponentNavBreadcrumbs extends React.PureComponent {
             to={{ pathname: '/dashboard', query: { id: item.key } }}
             className="link-base-color">
             {index === breadcrumbs.length - 1
-              ? <strong>{collapsePath(item.name, 15)}</strong>
-              : <span>{limitComponentName(item.name)}</span>}
+              ? <strong>{itemName}</strong>
+              : <span>{itemName}</span>}
           </Link>
           {index < breadcrumbs.length - 1 && <span className="slash-separator" />}
         </span>
diff --git a/server/sonar-web/src/main/less/components/navbar.less b/server/sonar-web/src/main/less/components/navbar.less
index b2c03da21f6..0190ea4163f 100644
--- a/server/sonar-web/src/main/less/components/navbar.less
+++ b/server/sonar-web/src/main/less/components/navbar.less
@@ -321,16 +321,11 @@
 
 .navbar-context-title-qualifier {
   display: inline-block;
-  vertical-align: top;
   line-height: 16px;
   padding-top: 5px;
   box-sizing: border-box;
 }
 
-.navbar-context-title-qualifier i {
-  vertical-align: top;
-}
-
 
 .navbar-side {
   padding: 10px;