diff --git a/common/loginpage/src/css/styles.less b/common/loginpage/src/css/styles.less
index 8c0ca9b71..95d082ef4 100644
--- a/common/loginpage/src/css/styles.less
+++ b/common/loginpage/src/css/styles.less
@@ -478,6 +478,15 @@ li.menu-item {
         }
       }
 
+      .icon.shield, i.icon.img-el.shield {
+        position: absolute;
+        width: 16px;
+        height: 16px;
+        top: 26px;
+        left: 29px;
+        background-position: -60px -76px;
+      }
+
       .name {
         white-space: nowrap;
         overflow: hidden;
diff --git a/common/loginpage/src/panelrecent.js b/common/loginpage/src/panelrecent.js
index 41ed12712..da3002013 100644
--- a/common/loginpage/src/panelrecent.js
+++ b/common/loginpage/src/panelrecent.js
@@ -146,10 +146,11 @@
                             <svg class="icon" data-iconname="${info.type === 'folder' ? 'folder' : `${info.format}`}" data-precls="tool-icon">
                                 <use xlink:href="#${info.type === 'folder' ? 'folder-small' : info.format}"></use>
                             </svg>
-                            ${info.crypted ? `<svg class="icon" data-iconname="shield" data-precls="tool-icon">
+                            ${info.crypted ? `<svg class="icon shield" data-iconname="shield" data-precls="tool-icon">
                                                 <use xlink:href="#shield"></use>
                                               </svg>` : ''}
-                            ${!isSvgIcons ? `<i class="icon ${info.type === 'folder' ? 'img-el folder' : `img-format ${info.format}`}"></i>` :''}
+                            ${!isSvgIcons ? `<i class="icon ${info.type === 'folder' ? 'img-el folder' : `img-format ${info.format}`}"></i>` : ''}
+                            ${info.crypted && !isSvgIcons ? `<i class="icon img-el shield"></i>` : ''}
                         </div>
                         <p class="name">${info.name}</p>
                         <span class="ext">${info.ext}</span>
@@ -206,8 +207,8 @@
                 let icoName = svgElem.attr('data-iconname');
                 iconContainer.append(`<i class="icon img-format ${icoName}"></i>`);
 
-                if (elm.hasClass('crypted-svg')) {
-                    iconContainer.append(`<svg class="icon shield"><use xlink:href="#shield"></use></svg>`);
+                if (iconContainer.find('.icon.shield').length) {
+                    iconContainer.append(`<i class="icon img-el shield"></i>`);
                 }
             });
 
@@ -233,8 +234,8 @@
 
                 iconContainer.append(`<i class="icon img-el folder"></i>`);
 
-                if (elm.hasClass('crypted-svg')) {
-                    iconContainer.append(`<svg class="icon shield"><use xlink:href="#shield"></use></svg>`);
+                if (iconContainer.find('.icon.shield').length) {
+                    iconContainer.append(`<i class="icon img-el shield"></i>`);
                 }
             });