diff --git a/client/components/breadcrumb.js b/client/components/breadcrumb.js
index 18a6d6ba..63010d08 100644
--- a/client/components/breadcrumb.js
+++ b/client/components/breadcrumb.js
@@ -25,11 +25,20 @@ export class BreadCrumb extends React.Component {
         }
         paths = paths.map((path, index) => {
             let sub_path = paths.slice(0, index+1).join('/'),
-                label = path === ''? 'Nuage' : path;
+                label = path === '' ? 'Nuage' : path;
             if(index === paths.length - 1){
                 return {full: null, label: label};
             }else{
-                return {full: sub_path+'/', label: label};
+                return {
+                    full: sub_path+'/',
+                    label: label,
+                    minify: function(){
+                        if(index === 0){ return false; }
+                        if(paths.length <= (document.body.clientWidth > 800 ? 5 : 4)){ return false; }
+                        if(index > paths.length - (document.body.clientWidth > 1000? 4 : 3)) return false;
+                        return true;
+                    }()
+                };
             }
         });
         return paths;
@@ -105,8 +114,8 @@ export class PathElementWrapper extends React.Component {
     }
 
     limitSize(str){
-        if(str.length > 30){
-            return str.substring(0,23)+'...';
+        if(str.length > 27){
+            return str.substring(0,20)+'...';
         }
         return str;
     }
@@ -118,7 +127,15 @@ export class PathElementWrapper extends React.Component {
             <li className={className}>
               <NgIf cond={this.props.isLast === false}>
                 <Link to={"/files" + this.props.path.full || "/"} className="label">
-                  {this.limitSize(this.props.path.label)}
+                  <NgIf cond={this.props.path.minify !== true}>
+                    {this.limitSize(this.props.path.label)}
+                  </NgIf>
+                  <NgIf cond={this.props.path.minify === true}>
+                    ...
+                    <span className="title">
+                      {this.limitSize(this.props.path.label)}
+                    </span>
+                  </NgIf>
                 </Link>
                 <Separator/>
               </NgIf>
diff --git a/client/components/breadcrumb.scss b/client/components/breadcrumb.scss
index 3db0eb7f..71800b32 100644
--- a/client/components/breadcrumb.scss
+++ b/client/components/breadcrumb.scss
@@ -35,7 +35,20 @@
     .component_path-element{
         display: inline-block;
         .label{color: var(--color);padding: 2px 5px;}
-        a.label{color: var(--light);}
+        a.label{
+            color: var(--light);
+            span.title{
+                position: absolute;
+                background: var(--bg-color);
+                opacity: 0;
+                transform: translateY(5px);
+                border-radius: 2px;
+                white-space: nowrap;
+                padding: 1px 5px!important;
+                margin: 5px 0px 5px -5px;
+            }
+        }
+
 
         .component_path-element-wrapper{
             font-size: 18px;
@@ -56,8 +69,13 @@
 }
 
 body.touch-no{
-    .component_path-element-wrapper:hover a{
+    .component_path-element-wrapper a.label:hover{
         background: var(--super-light);
+        span.title{
+            opacity: 1;
+            transform: translateY(0px);
+            transition: all 0.2s ease-out;
+        }
     }
 }