diff --git a/media/css/seahub.css b/media/css/seahub.css
index a3f585bbf8..145ba7865f 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -277,6 +277,7 @@ p { margin:0.5em 0; }
 .italic { font-style:italic; }
 .alc { text-align: center;}
 .cspt { cursor:pointer; }
+.pos-rel { position:relative; }
 /** for input, textarea in form **/ /* e.g repo-create */
 .input, .textarea {
     width:260px;
diff --git a/seahub/templates/js/templates.html b/seahub/templates/js/templates.html
index 4ad7ecd021..59d7ba87ac 100644
--- a/seahub/templates/js/templates.html
+++ b/seahub/templates/js/templates.html
@@ -252,6 +252,7 @@
         <% } %>
     </td>
     <td class="dirent-icon">
+        <div class="pos-rel">
         <% if (dirent.is_img) { %>
             <% if (dirent.encoded_thumbnail_src) { %>
             <img class="thumbnail" src="{{ SITE_ROOT }}<%- dirent.encoded_thumbnail_src %>" alt="" />
@@ -265,6 +266,7 @@
         <% if (is_pro && dirent.is_locked) { %>
         <img class="file-locked-icon" width="16" src="{{ MEDIA_URL }}img/file-locked-32.png" alt="{% trans "locked" %}" />
         <% } %>
+        </div>
     </td>
     <td>
         <span class="dirent-name">
diff --git a/static/css/backbone.css b/static/css/backbone.css
index 19eab153e4..d535c079ee 100644
--- a/static/css/backbone.css
+++ b/static/css/backbone.css
@@ -1,7 +1,4 @@
 /* lib view */
-.repo-file-list .dirent-icon {
-    position:relative;
-}
 .repo-file-list .file-locked-icon {
    position:absolute;
    right:0;