diff --git a/demos/tabs/index.ts b/demos/tabs/index.ts
index 8807633159..a3830bbae4 100644
--- a/demos/tabs/index.ts
+++ b/demos/tabs/index.ts
@@ -4,3 +4,5 @@ import {App} from 'ionic/ionic';
   templateUrl: 'main.html',
 })
 class ApiDemoApp {}
+
+document.body.innerHTML += '<link href="style.css" rel="stylesheet">'
diff --git a/demos/tabs/main.html b/demos/tabs/main.html
index 5228e8a13d..b12f136d4b 100644
--- a/demos/tabs/main.html
+++ b/demos/tabs/main.html
@@ -77,17 +77,3 @@
     <ion-tab tabIcon="settings" [root]="root"></ion-tab>
   </ion-tabs>
 </ion-content>
-
-<style>
-  ion-tabs[no-navbar] {
-    position: relative;
-    top: auto;
-    height: auto;
-    margin-bottom: 20px;
-  }
-
-  ion-tabs[no-navbar] > ion-navbar-section,
-  ion-tabs[no-navbar] > ion-content-section {
-    display: none !important;
-  }
-</style>
diff --git a/demos/tabs/style.css b/demos/tabs/style.css
new file mode 100644
index 0000000000..6bf7b74e17
--- /dev/null
+++ b/demos/tabs/style.css
@@ -0,0 +1,11 @@
+ion-tabs[no-navbar] {
+  position: relative;
+  top: auto;
+  height: auto;
+  margin-bottom: 20px;
+}
+
+ion-tabs[no-navbar] > ion-navbar-section,
+ion-tabs[no-navbar] > ion-content-section {
+  display: none !important;
+}