diff --git a/js/angular/directive/refresher.js b/js/angular/directive/refresher.js
index cf3b6162fd..163b1fa29f 100644
--- a/js/angular/directive/refresher.js
+++ b/js/angular/directive/refresher.js
@@ -65,7 +65,8 @@ IonicModule
     require: '^$ionicScroll',
     template:
     '<div class="scroll-refresher">' +
-      '<div class="ionic-refresher-content">' +
+      '<div class="ionic-refresher-content" ' +
+      'ng-class="{\'ionic-refresher-with-text\': pullingText || refreshingText}">' +
         '<i class="icon {{pullingIcon}} icon-pulling"></i>' +
         '<div class="text-pulling" ng-bind-html="pullingText"></div>' +
         '<i class="icon {{refreshingIcon}} icon-refreshing"></i>' +
diff --git a/scss/_scaffolding.scss b/scss/_scaffolding.scss
index 6a3730da1c..677b38fcb5 100644
--- a/scss/_scaffolding.scss
+++ b/scss/_scaffolding.scss
@@ -182,6 +182,9 @@ body.grade-c {
       line-height: 16px;
       font-size: 16px;
     }
+    &.ionic-refresher-with-text {
+      bottom: 10px;
+    }
   }
 
   .icon-refreshing,
diff --git a/test/html/list-fit.html b/test/html/list-fit.html
index c0e2d2758a..b181e6e31d 100644
--- a/test/html/list-fit.html
+++ b/test/html/list-fit.html
@@ -18,7 +18,7 @@
       </a>
     </ion-header-bar>
     <ion-content>
-      <ion-refresher on-refresh="onRefresh()"></ion-refresher>
+      <ion-refresher on-refresh="onRefresh()" refreshing-text="Refreshing!"></ion-refresher>
       <div class="list">
         <div class="item"
           ng-click="alert(item)"