diff --git a/src/components/scroll/test/basic/main.html b/src/components/scroll/test/basic/main.html
index 1fcccb8b5a..e3544c99f2 100644
--- a/src/components/scroll/test/basic/main.html
+++ b/src/components/scroll/test/basic/main.html
@@ -10,17 +10,17 @@
 <ion-content>
 
   <h2>Horizontal</h2>
-  <ion-scroll scroll-x="true" style="height: 200px">
+  <ion-scroll scrollX="true" style="height: 200px">
     <div style="height: 200px; width: 2500px; background: url('eight_horns.png') repeat"></div>
   </ion-scroll>
 
   <h2>Vertical</h2>
-  <ion-scroll scroll-y="true" style="width: 200px; height: 500px">
+  <ion-scroll scrollY="true" style="width: 200px; height: 500px">
     <div style="height: 2500px; width: 200px; background: url('eight_horns.png') repeat"></div>
   </ion-scroll>
 
   <h2>Both</h2>
-  <ion-scroll scroll-x="true" scroll-y="true" style="width: 100%; height: 500px">
+  <ion-scroll scrollX="true" scrollY="true" style="width: 100%; height: 500px">
     <div style="height: 2500px; width: 2500px; background: url('eight_horns.png') repeat"></div>
   </ion-scroll>