diff --git a/apps/documenteditor/main/app/view/FileMenuPanels.js b/apps/documenteditor/main/app/view/FileMenuPanels.js
index 5064cbd4c..14820bcd5 100644
--- a/apps/documenteditor/main/app/view/FileMenuPanels.js
+++ b/apps/documenteditor/main/app/view/FileMenuPanels.js
@@ -873,7 +873,7 @@ define([
                     '<div class="blank-document-btn">',
                         '<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
                     '</div>',
-                    '<div class="title"><%= scope.titleText(scope.fromBlankText) %></div>',
+                    '<div class="title"><%= scope.fromBlankText %></div>',
                 '</div>',
             '<% _.each(docs, function(item, index) { %>',
             '<div class="thumb-wrap" template="<%= item.url %>">',
@@ -884,19 +884,12 @@ define([
                     'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
                     ' } %>',
                 '</div>',
-                    '<div class="title"><%= scope.titleText(Common.Utils.String.htmlEncode(item.title || item.name || "")) %></div>',
+                    '<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
                 '</div>',
                 '<% }) %>',
             '</div>'
         ].join('')),
 
-        titleText: function (text){
-            var maxLength=30;
-            if(text.length<maxLength)
-                return  text;
-            return text.substr(0,maxLength)+ "...";
-        },
-
         initialize: function(options) {
             Common.UI.BaseView.prototype.initialize.call(this,arguments);
 
diff --git a/apps/documenteditor/main/resources/less/filemenu.less b/apps/documenteditor/main/resources/less/filemenu.less
index 363b2646c..45694a631 100644
--- a/apps/documenteditor/main/resources/less/filemenu.less
+++ b/apps/documenteditor/main/resources/less/filemenu.less
@@ -208,11 +208,12 @@
         line-height: 14px;
         height: 28px;
         margin: 8px 8px 12px 8px;
-        overflow-wrap: break-word;
-        word-wrap: break-word;
-        -ms-word-break: break-all;
         word-break: break-all;
-        word-break: break-word;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
       }
       &:hover{
         background-color: @highlight-button-hover-ie;
diff --git a/apps/presentationeditor/main/app/view/FileMenuPanels.js b/apps/presentationeditor/main/app/view/FileMenuPanels.js
index 94d19174e..c8ae0ac6d 100644
--- a/apps/presentationeditor/main/app/view/FileMenuPanels.js
+++ b/apps/presentationeditor/main/app/view/FileMenuPanels.js
@@ -771,7 +771,7 @@ define([
                     '<div class="blank-document-btn">',
                         '<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
                     '</div>',
-                    '<div class="title"><%= scope.titleText(scope.fromBlankText) %></div>',
+                    '<div class="title"><%= scope.fromBlankText %></div>',
                 '</div>',
                 '<% _.each(docs, function(item, index) { %>',
                     '<div class="thumb-wrap" template="<%= item.url %>">',
@@ -782,19 +782,12 @@ define([
                             'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
                         ' } %>',
                         '</div>',
-                        '<div class="title"><%= scope.titleText(Common.Utils.String.htmlEncode(item.title || item.name || "")) %></div>',
+                        '<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
                     '</div>',
                 '<% }) %>',
             '</div>'
         ].join('')),
-
-        titleText: function (text){
-            var maxLength=30;
-            if(text.length<maxLength)
-                return  text;
-            return text.substr(0,maxLength)+ "...";
-        },
-
+        
         initialize: function(options) {
             Common.UI.BaseView.prototype.initialize.call(this,arguments);
 
diff --git a/apps/presentationeditor/main/resources/less/leftmenu.less b/apps/presentationeditor/main/resources/less/leftmenu.less
index 0811927fb..2f0a2b9e3 100644
--- a/apps/presentationeditor/main/resources/less/leftmenu.less
+++ b/apps/presentationeditor/main/resources/less/leftmenu.less
@@ -242,11 +242,12 @@
                         line-height: 14px;
                         height: 28px;
                         margin: 8px 8px 12px 8px;
-                        overflow-wrap: break-word;
-                        word-wrap: break-word;
-                        -ms-word-break: break-all;
                         word-break: break-all;
-                        word-break: break-word;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        display: -webkit-box;
+                        -webkit-line-clamp: 2;
+                        -webkit-box-orient: vertical;
                     }
                     &:hover{
                         background-color: @highlight-button-hover-ie;
diff --git a/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js b/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
index f45393ba3..08e8c07f2 100644
--- a/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
+++ b/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
@@ -1738,7 +1738,7 @@ define([
                     '<div class="blank-document-btn">',
                         '<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
                     '</div>',
-                    '<div class="title"><%= scope.titleText(scope.fromBlankText) %></div>',
+                    '<div class="title"><%= scope.fromBlankText %></div>',
                 '</div>',
                 '<% _.each(docs, function(item, index) { %>',
                     '<div class="thumb-wrap" template="<%= item.url %>">',
@@ -1749,19 +1749,12 @@ define([
                             'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
                         ' } %>',
                     '</div>',
-                    '<div class="title"><%= scope.titleText(Common.Utils.String.htmlEncode(item.title || item.name || "")) %></div>',
+                    '<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
                     '</div>',
                 '<% }) %>',
             '</div>'
         ].join('')),
 
-        titleText: function (text){
-            var maxLength=30;
-            if(text.length<maxLength)
-                return  text;
-            return text.substr(0,maxLength)+ "...";
-        },
-
         initialize: function(options) {
             Common.UI.BaseView.prototype.initialize.call(this,arguments);
 
diff --git a/apps/spreadsheeteditor/main/resources/less/leftmenu.less b/apps/spreadsheeteditor/main/resources/less/leftmenu.less
index 0aa253b60..be7e9a73e 100644
--- a/apps/spreadsheeteditor/main/resources/less/leftmenu.less
+++ b/apps/spreadsheeteditor/main/resources/less/leftmenu.less
@@ -310,11 +310,12 @@
                         line-height: 14px;
                         height: 28px;
                         margin: 8px 8px 12px 8px;
-                        overflow-wrap: break-word;
-                        word-wrap: break-word;
-                        -ms-word-break: break-all;
                         word-break: break-all;
-                        word-break: break-word;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        display: -webkit-box;
+                        -webkit-line-clamp: 2;
+                        -webkit-box-orient: vertical;
                     }
                     &:hover{
                         background-color: @highlight-button-hover-ie;