diff --git a/resources/content_server/browse/browse.css b/resources/content_server/browse/browse.css
index aa3d3be0ef..824c1c5e09 100644
--- a/resources/content_server/browse/browse.css
+++ b/resources/content_server/browse/browse.css
@@ -236,7 +236,7 @@ h2.library_name {
 #groups h3 {
     font-weight: bold;
     margin-top: 1ex;
-    padding-left: 2em;
+    padding-left: 30px;
     padding-top: 0.5ex;
     padding-bottom: 0.5ex;
 }
diff --git a/src/calibre/library/server/browse.py b/src/calibre/library/server/browse.py
index 87a6f6a9cf..28fa7b4772 100644
--- a/src/calibre/library/server/browse.py
+++ b/src/calibre/library/server/browse.py
@@ -295,7 +295,7 @@ class BrowseServer(object):
                     getter(y).upper().startswith(x)])
             items = [(u'<h3 title="{0}">{0} <span>[{2}]</span></h3><div>'
                       u'<div class="loaded" style="display:none"></div>'
-                      u'<div class="loading"><em>{1}</em></div>'
+                      u'<div class="loading"><img alt="{1}" src="/static/loading.gif" /><em>{1}</em></div>'
                       u'<span class="load_href">{3}</span></div>').format(
                         xml(s, True),
                         xml(_('Loading, please wait'))+'&hellip;',