diff --git a/demos/component-docs/index.ts b/demos/component-docs/index.ts
index c0184a6e08..2b0ef09285 100644
--- a/demos/component-docs/index.ts
+++ b/demos/component-docs/index.ts
@@ -1,4 +1,4 @@
-import {App, IonicApp, Platform, ActionSheet} from 'ionic/ionic';
+import {App, IonicApp, IonicPlatform, ActionSheet} from 'ionic/ionic';
 import {Page, Config, Events} from 'ionic/ionic';
 import {ActionSheetPage} from './actionSheet/actionSheet';
 import * as helpers from './helpers';
@@ -11,7 +11,7 @@ class DemoApp {
 
   rootPage: any;
 
-  constructor(app: IonicApp, platform: Platform) {
+  constructor(app: IonicApp, platform: IonicPlatform) {
     this.app = app;
     this.platform = platform;
 
diff --git a/demos/component-docs/popups/popups.html b/demos/component-docs/popups/popups.html
index 6410132f39..4f3960cda6 100644
--- a/demos/component-docs/popups/popups.html
+++ b/demos/component-docs/popups/popups.html
@@ -4,8 +4,8 @@
 </ion-navbar>
 
 <ion-content padding class="has-header">
-  <button (click)="doAlert()">Alert</button>
-  <button (click)="doPrompt()">Prompt</button>
-  <button (click)="doConfirm()">Confirm</button>
+  <button dark (click)="doAlert()">Alert</button>
+  <button light (click)="doPrompt()">Prompt</button>
+  <button primary (click)="doConfirm()">Confirm</button>
 </ion-content>