diff --git a/js/angular/service/loading.js b/js/angular/service/loading.js
index a2f7ab2592..fe7f73cf0c 100644
--- a/js/angular/service/loading.js
+++ b/js/angular/service/loading.js
@@ -54,7 +54,7 @@ var LOADING_SET_DEPRECATED = '$ionicLoading instance.setContent() has been depre
  */
 IonicModule
 .constant('$ionicLoadingConfig', {
-  template: '<i class="ion-loading-d"></i>'
+  template: '<i class="icon ion-loading-d"></i>'
 })
 .factory('$ionicLoading', [
   '$ionicLoadingConfig',
diff --git a/scss/_loading.scss b/scss/_loading.scss
index 55bc26294c..e15ac77907 100644
--- a/scss/_loading.scss
+++ b/scss/_loading.scss
@@ -21,6 +21,9 @@
   visibility: hidden;
   opacity: 0;
 
+  &:not(.visible) .icon {
+    display: none;
+  }
   &.visible {
     visibility: visible;
   }
diff --git a/test/html/loading.html b/test/html/loading.html
index fae9559669..041ba4f7ca 100644
--- a/test/html/loading.html
+++ b/test/html/loading.html
@@ -19,7 +19,7 @@
       .controller('LoadingCtrl', function($scope, $ionicLoading) {
         $scope.startLoading = function() {
           $ionicLoading.show({
-            template: '<div>Connection problem.</div><br/><div>Please check your internet connection!</div>',
+            //template: '<div>Connection problem.</div><br/><div>Please check your internet connection!</div>',
             delay: 100,
             duration: 3000
           });