diff --git a/demos/component-docs/buttons/fab/fab.html b/demos/component-docs/buttons/fab/fab.html
index debf46af73..6392467eba 100644
--- a/demos/component-docs/buttons/fab/fab.html
+++ b/demos/component-docs/buttons/fab/fab.html
@@ -19,6 +19,10 @@
   </p>
 </ion-content>
 
+<button fab dark fab-bottom fab-center style="z-index: 999">
+  <icon is-active="false" heart></icon>
+</button>
+
 <ion-toolbar id="subtle-footer">
 </ion-toolbar>
 
diff --git a/demos/component-docs/buttons/fab/styles.scss b/demos/component-docs/buttons/fab/styles.scss
index 608dcb9b1e..313c4b6db9 100644
--- a/demos/component-docs/buttons/fab/styles.scss
+++ b/demos/component-docs/buttons/fab/styles.scss
@@ -1,6 +1,6 @@
 #subtle-footer {
   background-color: #fff;
-  border-image-source: url(footer-wireframe.png);
+  border-image-source: url(../component-docs/img/footer-wireframe.png);
   border-image-repeat: repeat;
   border-image-width: 100%;
   border-bottom: 0;
diff --git a/demos/component-docs/img/footer-wireframe.png b/demos/component-docs/img/footer-wireframe.png
new file mode 100644
index 0000000000..ff518e6df4
Binary files /dev/null and b/demos/component-docs/img/footer-wireframe.png differ