diff --git a/seahub/templates/js/templates.html b/seahub/templates/js/templates.html
index 0f04c7afc2..9af18b0111 100644
--- a/seahub/templates/js/templates.html
+++ b/seahub/templates/js/templates.html
@@ -1454,7 +1454,7 @@
         <% if (encoded_thumbnail_src) { %>
             <img class="thumbnail" src="{{ SITE_ROOT }}<%= encoded_thumbnail_src %>" alt="" />
         <% } else { %>
-            <img src="{{ MEDIA_URL }}img/file/<%= icon_path %>" alt="{% trans "icon" %}" />
+            <img src="<%= file_icon_url %>" alt="{% trans "icon" %}" width="24" />
         <% } %>
     </td>
     <td>
@@ -1475,7 +1475,7 @@
         <% if (encoded_thumbnail_src) { %>
             <img class="thumbnail" src="{{ SITE_ROOT }}<%= encoded_thumbnail_src %>" alt="" />
         <% } else { %>
-            <img src="{{ MEDIA_URL }}img/file/<%= icon_path %>" alt="{% trans "icon" %}" />
+            <img src="<%= file_icon_url %>" alt="{% trans "icon" %}" width="24" />
         <% } %>
     </td>
     <td>
diff --git a/static/scripts/app/views/starred-file-item.js b/static/scripts/app/views/starred-file-item.js
index 1c086bf716..3d7eb9767a 100644
--- a/static/scripts/app/views/starred-file-item.js
+++ b/static/scripts/app/views/starred-file-item.js
@@ -26,6 +26,9 @@ define([
         render: function () {
             var data = this.model.toJSON();
 
+            var file_icon_size = Common.isHiDPI() ? 48 : 24;
+            data.file_icon_url = Common.getFileIconUrl(data.file_name, file_icon_size);
+
             data['is_img'] = Common.imageCheck(data['file_name']);
             data['encoded_path'] = Common.encodePath(data['path']);
             data.encoded_thumbnail_src = this.model.get('encoded_thumbnail_src') || '';
diff --git a/static/scripts/app/views/starred-file.js b/static/scripts/app/views/starred-file.js
index 5e474754d8..15d0d10383 100644
--- a/static/scripts/app/views/starred-file.js
+++ b/static/scripts/app/views/starred-file.js
@@ -5,7 +5,7 @@ define([
     'common',
     'jquery.magnific-popup',
     'app/views/starred-file-item',
-    'app/collections/starred-files',
+    'app/collections/starred-files'
 ], function($, _, Backbone, Common, magnificPopup, StarredFileItem,
     StarredFilesCollection) {
     'use strict';