diff --git a/demos/component-docs/actionSheet/actionSheet.ts b/demos/component-docs/actionSheet/actionSheet.ts
index 83ef677164..be3b284c63 100644
--- a/demos/component-docs/actionSheet/actionSheet.ts
+++ b/demos/component-docs/actionSheet/actionSheet.ts
@@ -20,7 +20,7 @@ export class ActionSheetPage {
           { text: 'Favorite', icon: 'ion-md-heart-outline'}
         ],
         destructiveText: 'Delete',
-        titleText: 'Purchased',
+        titleText: 'Albums',
         cancelText: 'Cancel',
         cancel: function() {
           console.log('Canceled');
@@ -38,11 +38,12 @@ export class ActionSheetPage {
 
     this.actionSheet.open(androidSheet || {
       buttons: [
-        { text: 'Share This' },
-        { text: 'Move' }
+        { text: 'Share'},
+        { text: 'Play'},
+        { text: 'Favorite'}
       ],
       destructiveText: 'Delete',
-      titleText: 'You Opened Action Sheet',
+      titleText: 'Albums',
       cancelText: 'Cancel',
       cancel: function() {
         console.log('Canceled');
diff --git a/demos/component-docs/app.css b/demos/component-docs/app.css
index 0c961e226d..1768e2be98 100644
--- a/demos/component-docs/app.css
+++ b/demos/component-docs/app.css
@@ -83,3 +83,13 @@ scroll-content {
   color: #31D55F;
 }
 
+.md .action-sheet-destructive {
+  border-top: 1px solid rgba(204, 204, 204, 0.32);
+  margin-top: 8px;
+  padding-top: 4px;
+}
+
+.md .action-sheet-cancel icon, .md .action-sheet-destructive icon {
+  color: #757575;
+}
+