diff --git a/js/angular/directive/refresher.js b/js/angular/directive/refresher.js
index 163b1fa29f..99f0792adb 100644
--- a/js/angular/directive/refresher.js
+++ b/js/angular/directive/refresher.js
@@ -67,7 +67,9 @@ IonicModule
     '<div class="scroll-refresher">' +
       '<div class="ionic-refresher-content" ' +
       'ng-class="{\'ionic-refresher-with-text\': pullingText || refreshingText}">' +
-        '<i class="icon {{pullingIcon}} icon-pulling"></i>' +
+        '<div class="icon-pulling">' +
+          '<i class="icon {{pullingIcon}}"></i>' +
+        '</div>' +
         '<div class="text-pulling" ng-bind-html="pullingText"></div>' +
         '<i class="icon {{refreshingIcon}} icon-refreshing"></i>' +
         '<div class="text-refreshing" ng-bind-html="refreshingText"></div>' +
diff --git a/test/unit/angular/directive/refresher.unit.js b/test/unit/angular/directive/refresher.unit.js
index 2425da6270..f74dac0746 100644
--- a/test/unit/angular/directive/refresher.unit.js
+++ b/test/unit/angular/directive/refresher.unit.js
@@ -68,12 +68,12 @@ describe('ionRefresher directive', function() {
 
   it('should have default pullingIcon', function() {
     var el = setup();
-    expect(el[0].querySelector('.icon.icon-pulling.ion-arrow-down-c')).toBeTruthy();
+    expect(el[0].querySelector('.icon-pulling .ion-arrow-down-c')).toBeTruthy();
   });
   it('should allow custom pullingIcon', function() {
     var el = setup('pulling-icon="super-icon"');
-    expect(el[0].querySelector('.icon.icon-pulling.ion-arrow-down-c')).toBeFalsy();
-    expect(el[0].querySelector('.icon.icon-pulling.super-icon')).toBeTruthy();
+    expect(el[0].querySelector('.icon-pulling .ion-arrow-down-c')).toBeFalsy();
+    expect(el[0].querySelector('.icon-pulling .super-icon')).toBeTruthy();
   });
 
   it('should have default refreshingIcon', function() {