diff --git a/ionic/components/button/button-outline.scss b/ionic/components/button/button-outline.scss
index fc4aade773..cf280ccc84 100644
--- a/ionic/components/button/button-outline.scss
+++ b/ionic/components/button/button-outline.scss
@@ -7,7 +7,7 @@ button,
 
   &[outline] {
     border: 1px solid $button-color;
-    background: $background-color;
+    background: transparent;
     color: $button-color;
 
     &.activated {
@@ -27,7 +27,7 @@ button,
 
   &[outline] {
     border-color: $fg-color;
-    background: $background-color;
+    background: transparent;
     color: $fg-color;
 
     &.activated {
diff --git a/ionic/components/button/test/outline/main.html b/ionic/components/button/test/outline/main.html
index f234bb7043..04b4037645 100644
--- a/ionic/components/button/test/outline/main.html
+++ b/ionic/components/button/test/outline/main.html
@@ -3,7 +3,7 @@
   <ion-title>Outline Buttons</ion-title>
 </ion-toolbar>
 
-<ion-content padding style="text-align:center">
+<ion-content padding style="text-align:center" class="outer-content">
 
   <p>
     <button outline>Default</button>