diff --git a/share/base.css.in b/share/base.css.in
index bd59fc7..94dd89b 100644
--- a/share/base.css.in
+++ b/share/base.css.in
@@ -36,6 +36,9 @@
   }
   .loading-indicator {
     display:none;
+  }
+  .loading-indicator.active {
+    display:block;
     position:absolute;
     width:64px;
     height:64px;
@@ -44,9 +47,6 @@
     margin-top:-32px;
     margin-left:-32px;
   }
-  .loading_indicator.active {
-    display:block;
-  }
   .loading-indicator img {
     position:absolute;
     top:0;
diff --git a/share/fancy.css.in b/share/fancy.css.in
index 63db194..b8d9dc5 100644
--- a/share/fancy.css.in
+++ b/share/fancy.css.in
@@ -73,7 +73,6 @@
     animation: fadein 100ms; 
   }
   .loading-indicator.active {
-    display: block;
     /* 
      * use 0.01s instead of 0s,
      * since YUI Compressor will change 0s to 0,
diff --git a/share/manifest b/share/manifest
index da8d24d..c47b9a2 100644
--- a/share/manifest
+++ b/share/manifest
@@ -98,6 +98,8 @@ $pages
 #############
 # The loading indicator
 # shown when loading a page via ajax
+# The default appearance should be invisible
+# The 'active' class will be added when it is used
 """
 <div class="loading-indicator">
 """