diff --git a/apps/common/main/resources/img/doc-formats/blank.svg b/apps/common/main/resources/img/doc-formats/blank.svg
index de6c3a673..94f03aad5 100644
--- a/apps/common/main/resources/img/doc-formats/blank.svg
+++ b/apps/common/main/resources/img/doc-formats/blank.svg
@@ -1,10 +1,12 @@
 <svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
   <symbol id="svg-format-blank">
-  <clipPath id="a">
-    <path d="m0 0h96v96h-96z"/>
-  </clipPath>
-  <g clip-path="url(#a)">
-    <path d="m.499997 94 .000003-74c0-.8284.67157-1.5 1.5-1.5h92c.8284 0 1.5.6716 1.5 1.5v74c0 .8284-.6716 1.5-1.5 1.5h-92c-.82843 0-1.500003-.6716-1.500003-1.5z" fill="#fff" stroke="#bfbfbf"/>
-  </g>
+    <g clip-path="url(#clip0)">
+      <path d="M94 9.5C94.8284 9.5 95.5 10.1716 95.5 11L95.5 85C95.5 85.8284 94.8284 86.5 94 86.5L2 86.5C1.17157 86.5 0.499997 85.8284 0.499997 85L0.5 11C0.5 10.1716 1.17158 9.5 2 9.5L94 9.5Z" fill="white" stroke="#BFBFBF"/>
+    </g>
+    <defs>
+      <clipPath id="clip0">
+        <rect width="96" height="96" fill="white"/>
+      </clipPath>
+    </defs>
   </symbol>
 </svg>
\ No newline at end of file
diff --git a/apps/documenteditor/main/app/view/FileMenuPanels.js b/apps/documenteditor/main/app/view/FileMenuPanels.js
index 998265dd5..3b9475854 100644
--- a/apps/documenteditor/main/app/view/FileMenuPanels.js
+++ b/apps/documenteditor/main/app/view/FileMenuPanels.js
@@ -880,12 +880,19 @@ define([
             'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
             ' } %>',
             '</div>',
-            '<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
+            '<div class="title"><%= scope.titleText(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 edd7f44ef..f16de5430 100644
--- a/apps/documenteditor/main/resources/less/filemenu.less
+++ b/apps/documenteditor/main/resources/less/filemenu.less
@@ -199,22 +199,37 @@
   }
 
   .thumb-list {
+
     .thumb-wrap {
       display: inline-block;
       text-align: center;
       width: auto;
-      padding: 30px 20px;
       cursor: pointer;
+      vertical-align: top;
+      .border-radius(@border-radius-small);
 
       .thumb {
         width: 96px;
         height: 96px;
         background-repeat: no-repeat;
         background-position: center;
+        margin:  12px 12px 0px 12px;
       }
 
       .title {
-        padding-top: 20px;
+        width: 104px;
+        font-size: 12px;
+        line-height: 14px;
+        height: 28px;
+        margin: 8px 8px 12px 8px;
+      }
+      &:hover{
+        background-color: @highlight-button-hover-ie;
+        background-color: @highlight-button-hover;
+      }
+      &:active{
+        background-color: @highlight-button-pressed-ie;
+        background-color: @highlight-button-pressed;
       }
     }
   }
diff --git a/apps/presentationeditor/main/app/view/FileMenuPanels.js b/apps/presentationeditor/main/app/view/FileMenuPanels.js
index 8a80aeff3..de8938cfd 100644
--- a/apps/presentationeditor/main/app/view/FileMenuPanels.js
+++ b/apps/presentationeditor/main/app/view/FileMenuPanels.js
@@ -778,12 +778,19 @@ define([
                             'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
                         ' } %>',
                         '</div>',
-                        '<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
+                        '<div class="title"><%= scope.titleText(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/img/file-template.svg b/apps/presentationeditor/main/resources/img/file-template.svg
index a501311c9..340012eb0 100644
--- a/apps/presentationeditor/main/resources/img/file-template.svg
+++ b/apps/presentationeditor/main/resources/img/file-template.svg
@@ -1,21 +1,15 @@
 <svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
     <symbol id="svg-file-template">
-    <clipPath id="a">
-        <path d="m0 0h96v96h-96z"/>
-    </clipPath>
-    <g clip-path="url(#a)">
-        <path d="m.499997 94 .000003-74c0-.8284.67157-1.5 1.5-1.5h92c.8284 0 1.5.6716 1.5 1.5v74c0 .8284-.6716 1.5-1.5 1.5h-92c-.82843 0-1.500003-.6716-1.500003-1.5z" fill="#fff" stroke="#bfbfbf"/>
-        <g fill="#444">
-            <rect height="8" opacity=".4" rx="1" width="64" x="16" y="34"/>
-            <rect height="4" opacity=".4" rx="1" width="4" x="54" y="54"/>
-            <rect height="4" opacity=".4" rx="1" width="4" x="54" y="62"/>
-            <rect height="4" opacity=".4" rx="1" width="4" x="54" y="70"/>
-            <rect height="4" opacity=".2" rx="1" width="20" x="60" y="54"/>
-            <rect height="4" opacity=".2" rx="1" width="20" x="60" y="62"/>
-            <rect height="4" opacity=".2" rx="1" width="20" x="60" y="70"/>
-            <path d="m44 65c0 2.7689-.8211 5.4757-2.3594 7.778-1.5384 2.3023-3.7249 4.0967-6.283 5.1563-2.5582 1.0596-5.3731 1.3369-8.0889.7967-2.7157-.5402-5.2103-1.8736-7.1682-3.8315s-3.2913-4.4525-3.8315-7.1682c-.5402-2.7158-.2629-5.5307.7967-8.0889 1.0596-2.5581 2.854-4.7446 5.1563-6.283 2.3023-1.5383 5.0091-2.3594 7.778-2.3594v14z" opacity=".2"/>
-            <path d="m32 49c1.8385 0 3.659.3621 5.3576 1.0657 1.6985.7036 3.2419 1.7348 4.5419 3.0348s2.3312 2.8434 3.0348 4.5419c.7036 1.6986 1.0657 3.5191 1.0657 5.3576h-14z" opacity=".4"/>
-        </g>
-    </g>
+        <path d="M94 9.5C94.8284 9.5 95.5 10.1716 95.5 11L95.5 85C95.5 85.8284 94.8284 86.5 94 86.5L2 86.5C1.17157 86.5 0.499997 85.8284 0.499997 85L0.5 11C0.5 10.1716 1.17158 9.5 2 9.5L94 9.5Z" fill="white" stroke="#BFBFBF"/>
+        <rect opacity="0.4" x="16" y="25" width="64" height="8" rx="1" fill="#444444"/>
+        <rect opacity="0.4" x="54" y="45" width="4" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.4" x="54" y="53" width="4" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.4" x="54" y="61" width="4" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="60" y="45" width="20" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="60" y="53" width="20" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="60" y="61" width="20" height="4" rx="1" fill="#444444"/>
+        <path opacity="0.2" d="M44 56C44 58.7689 43.1789 61.4757 41.6406 63.778C40.1022 66.0803 37.9157 67.8747 35.3576 68.9343C32.7994 69.9939 29.9845 70.2712 27.2687 69.731C24.553 69.1908 22.0584 67.8574 20.1005 65.8995C18.1426 63.9416 16.8092 61.447 16.269 58.7313C15.7288 56.0155 16.0061 53.2006 17.0657 50.6424C18.1253 48.0843 19.9197 45.8978 22.222 44.3594C24.5243 42.8211 27.2311 42 30 42V56H44Z" fill="#444444"/>
+        <path opacity="0.4" d="M32 40C33.8385 40 35.659 40.3621 37.3576 41.0657C39.0561 41.7693 40.5995 42.8005 41.8995 44.1005C43.1995 45.4005 44.2307 46.9439 44.9343 48.6424C45.6379 50.341 46 52.1615 46 54L32 54L32 40Z" fill="#444444"/>
+
     </symbol>
 </svg>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/less/leftmenu.less b/apps/presentationeditor/main/resources/less/leftmenu.less
index 0a56783c7..720cabb5d 100644
--- a/apps/presentationeditor/main/resources/less/leftmenu.less
+++ b/apps/presentationeditor/main/resources/less/leftmenu.less
@@ -236,22 +236,37 @@
             }
 
             .thumb-list {
+
                 .thumb-wrap {
                     display: inline-block;
                     text-align: center;
                     width: auto;
-                    padding: 30px 20px;
                     cursor: pointer;
+                    vertical-align: top;
+                    .border-radius(@border-radius-small);
 
                     .thumb {
                         width: 96px;
                         height: 96px;
                         background-repeat: no-repeat;
                         background-position: center;
+                        margin:  12px 12px 0px 12px;
                    }
 
                     .title {
-                        padding-top: 20px;
+                        width: 104px;
+                        font-size: 12px;
+                        line-height: 14px;
+                        height: 28px;
+                        margin: 8px 8px 12px 8px;
+                    }
+                    &:hover{
+                        background-color: @highlight-button-hover-ie;
+                        background-color: @highlight-button-hover;
+                    }
+                    &:active{
+                        background-color: @highlight-button-pressed-ie;
+                        background-color: @highlight-button-pressed;
                     }
                 }
             }
diff --git a/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js b/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
index 80f06c043..5094f23a8 100644
--- a/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
+++ b/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
@@ -1745,12 +1745,19 @@ define([
                             'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
                         ' } %>',
                     '</div>',
-                    '<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
+                    '<div class="title"><%= scope.titleText(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/img/file-template.svg b/apps/spreadsheeteditor/main/resources/img/file-template.svg
index 88a890b07..325f0a78f 100644
--- a/apps/spreadsheeteditor/main/resources/img/file-template.svg
+++ b/apps/spreadsheeteditor/main/resources/img/file-template.svg
@@ -1,33 +1,27 @@
 <svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
     <symbol id="svg-file-template">
-    <clipPath id="a">
-        <path d="m0 0h96v96h-96z"/>
-    </clipPath>
-        <g clip-path="url(#a)">
-            <path d="m.499997 94 .000003-74c0-.8284.67157-1.5 1.5-1.5h92c.8284 0 1.5.6716 1.5 1.5v74c0 .8284-.6716 1.5-1.5 1.5h-92c-.82843 0-1.500003-.6716-1.500003-1.5z" fill="#fff" stroke="#bfbfbf"/>
-            <g fill="#444">
-                <rect height="4" opacity=".4" rx="1" width="12" x="15" y="38"/>
-                <rect height="4" opacity=".4" rx="1" width="12" x="15" y="48"/>
-                <rect height="4" opacity=".4" rx="1" width="12" x="15" y="56"/>
-                <rect height="4" opacity=".4" rx="1" width="12" x="15" y="64"/>
-                <rect height="4" opacity=".4" rx="1" width="12" x="15" y="72"/>
-                <rect height="4" opacity=".4" rx="1" width="12" x="33" y="38"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="33" y="48"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="33" y="56"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="33" y="64"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="33" y="72"/>
-                <rect height="4" opacity=".4" rx="1" width="12" x="51" y="38"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="51" y="48"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="51" y="56"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="51" y="64"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="51" y="72"/>
-                <rect height="4" opacity=".4" rx="1" width="12" x="69" y="38"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="69" y="48"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="69" y="56"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="69" y="64"/>
-                <rect height="4" opacity=".2" rx="1" width="12" x="69" y="72"/>
-                <path clip-rule="evenodd" d="m67 36h16v8h-16zm-2 0h-16v8h16zm-18 0h-16v8h16zm-18 0h-16v8h16zm-16 10v32h16v-32zm18 32h52v-32h-16-2-16-2-16zm-20-42c0-1.1046.8954-2 2-2h70c1.1046 0 2 .8954 2 2v42c0 1.1046-.8954 2-2 2h-70c-1.1046 0-2-.8954-2-2z" fill-rule="evenodd" opacity=".2"/>
-            </g>
-        </g>
+        <path d="M94 9.5C94.8284 9.5 95.5 10.1716 95.5 11L95.5 85C95.5 85.8284 94.8284 86.5 94 86.5L2 86.5C1.17157 86.5 0.499997 85.8284 0.499997 85L0.5 11C0.5 10.1716 1.17158 9.5 2 9.5L94 9.5Z" fill="white" stroke="#BFBFBF"/>
+        <rect opacity="0.4" x="15" y="29" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.4" x="15" y="39" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.4" x="15" y="47" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.4" x="15" y="55" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.4" x="15" y="63" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.4" x="33" y="29" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="33" y="39" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="33" y="47" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="33" y="55" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="33" y="63" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.4" x="51" y="29" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="51" y="39" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="51" y="47" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="51" y="55" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="51" y="63" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.4" x="69" y="29" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="69" y="39" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="69" y="47" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="69" y="55" width="12" height="4" rx="1" fill="#444444"/>
+        <rect opacity="0.2" x="69" y="63" width="12" height="4" rx="1" fill="#444444"/>
+        <path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M67 27H83V35H67V27ZM65 27H49V35L65 35V27ZM47 27H31V35H47V27ZM29 27H13V35L29 35V27ZM13 37L13 69H29V37H13ZM31 69H83V37L67 37H65H49H47H31V69ZM11 27C11 25.8954 11.8954 25 13 25H83C84.1046 25 85 25.8954 85 27V69C85 70.1046 84.1046 71 83 71H13C11.8954 71 11 70.1046 11 69V27Z" fill="#444444"/>
+
     </symbol>
 </svg>
\ No newline at end of file
diff --git a/apps/spreadsheeteditor/main/resources/less/leftmenu.less b/apps/spreadsheeteditor/main/resources/less/leftmenu.less
index 2cb71ac7a..09b2c48be 100644
--- a/apps/spreadsheeteditor/main/resources/less/leftmenu.less
+++ b/apps/spreadsheeteditor/main/resources/less/leftmenu.less
@@ -303,22 +303,37 @@
             }
 
             .thumb-list {
+
                 .thumb-wrap {
                     display: inline-block;
                     text-align: center;
                     width: auto;
-                    padding: 30px 20px;
                     cursor: pointer;
+                    vertical-align: top;
+                    .border-radius(@border-radius-small);
 
                     .thumb {
                         width: 96px;
                         height: 96px;
                         background-repeat: no-repeat;
                         background-position: center;
+                        margin:  12px 12px 0px 12px;
                     }
 
                     .title {
-                        padding-top: 20px;
+                        width: 104px;
+                        font-size: 12px;
+                        line-height: 14px;
+                        height: 28px;
+                        margin: 8px 8px 12px 8px;
+                    }
+                    &:hover{
+                        background-color: @highlight-button-hover-ie;
+                        background-color: @highlight-button-hover;
+                    }
+                    &:active{
+                        background-color: @highlight-button-pressed-ie;
+                        background-color: @highlight-button-pressed;
                     }
                 }
             }