diff --git a/media/img/loading-new.gif b/media/img/loading-new.gif
new file mode 100644
index 0000000000..048fc86e91
Binary files /dev/null and b/media/img/loading-new.gif differ
diff --git a/seahub/templates/js/lib-op-popups.html b/seahub/templates/js/lib-op-popups.html
index 80a74c3bde..9da29c39b6 100644
--- a/seahub/templates/js/lib-op-popups.html
+++ b/seahub/templates/js/lib-op-popups.html
@@ -54,12 +54,12 @@
         <h3><%= form_title %></h3>
         <div id="mv-dir-list" class="dir-tree-cont">
             <h5 class="hd cspt"><span class="icon-caret-down"></span>{% trans "Current Library"%}</h5>
-            <img src="{{MEDIA_URL}}img/loading-icon.gif" alt="" class="loading-tip" />
+            <img class="loading-tip" width="32" src="{{MEDIA_URL}}img/loading-new.gif" alt="{% trans 'Loading...' %}" />
             <div id="current-repo-dirs"></div>
             <% if (show_other_repos) { %>
             <div id="other-repos">
                 <h5 class="hd cspt"><span class="icon-caret-right"></span>{% trans "Other Libraries"%}</h5>
-                <img src="{{MEDIA_URL}}img/loading-icon.gif" alt="" class="loading-tip" style="display:none;" />
+                <img class="loading-tip" width="32" src="{{MEDIA_URL}}img/loading-new.gif" alt="{% trans 'Loading...' %}" style="display:none;" />
                 <div id="other-repos-dirs" class="hide"></div>
             </div>
             <% } %>
@@ -84,7 +84,7 @@
     </div>
     </script>
 
-    {% upload_js %}    
+    {% upload_js %}
 
     <!--script type="text/template" id="upload-file-dialog-template"-->
     <div id="upload-file-dialog" class="hide">
diff --git a/seahub/templates/libraries.html b/seahub/templates/libraries.html
index 39df5e870f..bb9c2052d2 100644
--- a/seahub/templates/libraries.html
+++ b/seahub/templates/libraries.html
@@ -20,6 +20,12 @@
 </style>
 {% endblock %}
 
+{% block main_panel %}
+<div id="initial-loading-view">
+    <img class="loading-tip" width="32" src="{{MEDIA_URL}}img/loading-new.gif" alt="{% trans 'Loading...' %}" />
+</div>
+{% endblock %}
+
 {% block left_panel %}
 <div class="side-tabnav hide" id="myhome-side-nav">
 </div>
@@ -36,9 +42,7 @@
 {% endblock %}
 
 {% block right_panel %}
-<div id="initial-loading-view">
-    <img class="loading-tip" src="{{MEDIA_URL}}img/loading-icon.gif" alt="{% trans 'Loading...' %}" />
-</div>
+
 
 <div id="repo-tabs" class="tab-tabs hide">
     <div class="hd">
@@ -116,7 +120,7 @@
         </div>
     </div>
 
-    <img class="loading-tip" src="{{MEDIA_URL}}img/loading-icon.gif" alt="{% trans 'Loading...' %}" />
+    <img class="loading-tip" width="32" src="{{MEDIA_URL}}img/loading-new.gif" alt="{% trans 'Loading...' %}" />
 </div>
 
 <div id="starred-file" class="hide">
@@ -133,7 +137,7 @@
         </thead>
         <tbody></tbody>
     </table>
-    <img class="loading-tip" src="{{MEDIA_URL}}img/loading-icon.gif" alt="{% trans 'Loading...' %}" />
+    <img class="loading-tip" width="32" src="{{MEDIA_URL}}img/loading-new.gif" alt="{% trans 'Loading...' %}" />
     <div class="empty-tips hide">
         <h2 class="alc">{% trans "You don't have any starred files yet" %}</h2>
         <p>{% blocktrans %}You can star important files by clicking the "Star" button on file viewing page, and they will be listed here.{% endblocktrans %}</p>
@@ -158,7 +162,7 @@
 <form id="sublib-create-form" class="file-choose-form hide">
     <h3>{% trans "Choose a directory:" %}</h3>
     <div class="dir-tree-cont">
-        <img src="{{MEDIA_URL}}img/loading-icon.gif" alt="" class="loading-tip" />
+        <img class="loading-tip" width="32" src="{{MEDIA_URL}}img/loading-new.gif" alt="{% trans 'Loading...' %}" />
     </div>
     <input type="hidden" name="dst_repo" value="" />
     <input type="hidden" name="dst_path" value="" />
@@ -200,7 +204,7 @@
         </div>
     </div>
 
-    <img class="loading-tip" src="{{MEDIA_URL}}img/loading-icon.gif" alt="{% trans 'Loading...' %}" />
+    <img class="loading-tip" width="32" src="{{MEDIA_URL}}img/loading-new.gif" alt="{% trans 'Loading...' %}" />
 </div>
 
 <div id="organization-repos" class="tab-tabs hide">
@@ -223,7 +227,7 @@
         <tbody>
         </tbody>
     </table>
-    <img src="{{MEDIA_URL}}img/loading-icon.gif" alt="" class="loading-tip" />
+    <img class="loading-tip" width="32" src="{{MEDIA_URL}}img/loading-new.gif" alt="{% trans 'Loading...' %}" />
     <div class="empty-tips hide">
         <h2 class="alc">{% trans "No public library" %}</h2>
         <p>{% blocktrans %}You can create a public library by clicking "New Library" button, others can view and download this library.{% endblocktrans %}</p>