diff --git a/src/components/fab/test/basic/main.html b/src/components/fab/test/basic/main.html
index 1ea7984768..2dff97d6e2 100755
--- a/src/components/fab/test/basic/main.html
+++ b/src/components/fab/test/basic/main.html
@@ -20,8 +20,8 @@
     </ion-fab-list>
   </ion-fab>
 
-  <ion-fab right bottom #fab2>
-    <button ion-fab color="light"><ion-icon name="arrow-dropleft"></ion-icon></button>
+  <ion-fab right bottom edge #fab2>
+    <button ion-fab color="dark"><ion-icon name="arrow-dropleft"></ion-icon></button>
     <ion-fab-list side="left">
       <button ion-fab (click)="openSocial('facebook', fab2)"><ion-icon name="logo-facebook"></ion-icon></button>
       <button ion-fab (click)="openSocial('twitter', fab2)"><ion-icon name="logo-twitter"></ion-icon></button>
@@ -41,7 +41,7 @@
   </ion-fab>
 
   <ion-fab left bottom #fab4>
-    <button ion-fab color="dark"><ion-icon name="arrow-dropup"></ion-icon></button>
+    <button ion-fab color="light"><ion-icon name="arrow-dropup"></ion-icon></button>
     <ion-fab-list side="top">
       <button ion-fab (click)="openSocial('facebook', fab4)"><ion-icon name="logo-facebook"></ion-icon></button>
       <button ion-fab (click)="openSocial('twitter', fab4)"><ion-icon name="logo-twitter"></ion-icon></button>
@@ -70,4 +70,10 @@
     <button ion-fab color="danger" (click)="add()"><ion-icon name="add"></ion-icon></button>
   </ion-fab>
 
-</ion-content>
\ No newline at end of file
+</ion-content>
+
+<ion-footer>
+  <ion-toolbar>
+    <ion-title>Footer</ion-title>
+  </ion-toolbar>
+</ion-footer>