diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
index 17282b0..15810fc 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
@@ -198,7 +198,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
 
                       //});
                       
-                      $timeout(function () { $('#ciSpinner').css('visibility', 'hidden'); }, 200);
+                      $timeout(function () { $('#ciSpinner').css('visibility', 'hidden'); }, 300);
                   },
                   function (error) {
                       // handle errors here
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/views/ci/ci-view.html b/400-SOURCECODE/AIAHTML5.Web/app/views/ci/ci-view.html
index fb50db5..86c3b6a 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/views/ci/ci-view.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/views/ci/ci-view.html
@@ -180,6 +180,9 @@
             </div>
         </div>
     </div>
+    <div id="ciSpinner" class="spinner" ng-show="isLoading" style="visibility:hidden">
+        <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading" />
+    </div>
 </div>