diff --git a/apps/ui-tests-app/pages/text/button.ts b/apps/ui-tests-app/pages/text/button.ts
index 23bdf67b3..0c4b3bb79 100644
--- a/apps/ui-tests-app/pages/text/button.ts
+++ b/apps/ui-tests-app/pages/text/button.ts
@@ -2,7 +2,7 @@ import stack = require("ui/layouts/stack-layout");
 import style = require("ui/styling/style");
 import view = require("ui/core/view");
 export function resetStyles(args) {
-    var stackLayout = <stack.StackLayout>args.object.parent;
+    var stackLayout = <stack.StackLayout>args.object.parent.parent;
     view.eachDescendant(stackLayout, function (v: view.View) {
         v.style._resetValue(style.fontFamilyProperty);
         v.style._resetValue(style.fontSizeProperty);
diff --git a/apps/ui-tests-app/pages/text/button.xml b/apps/ui-tests-app/pages/text/button.xml
index 0f1d71ea8..488c4dc7b 100644
--- a/apps/ui-tests-app/pages/text/button.xml
+++ b/apps/ui-tests-app/pages/text/button.xml
@@ -1,13 +1,12 @@
 <Page>
   <StackLayout>
-    <Button text="RESET" tap="resetStyles"/>
-
     <Button text="no align"    />
     <Button text="left"    style="text-align: left" />
     <Button text="center"  style="text-align: center" />
     <Button text="right"   style="text-align: right" />
 
     <WrapLayout>
+      <Button text="RESET" tap="resetStyles"/>
       <Button text="normal" />
       <Button text="color"       style="color: green"/>
       <Button text="size"        style="font-size: 32" />