diff --git a/src/components/item/item-sliding.scss b/src/components/item/item-sliding.scss
index 61396afdf8..bfb54bb428 100644
--- a/src/components/item/item-sliding.scss
+++ b/src/components/item/item-sliding.scss
@@ -98,7 +98,7 @@ ion-item-sliding.active-slide {
 // Item Expandable Animation
 // --------------------------------------------------
 
-.button-expandable {
+button[expandable] {
   flex-shrink: 0;
 
   transition-duration: 0;
@@ -106,7 +106,7 @@ ion-item-sliding.active-slide {
   transition-timing-function: cubic-bezier(.65, .05, .36, 1);
 }
 
-ion-item-sliding.active-swipe-right .button-expandable {
+ion-item-sliding.active-swipe-right button[expandable] {
   order: 1;
 
   padding-left: 90%;
@@ -115,7 +115,7 @@ ion-item-sliding.active-swipe-right .button-expandable {
   transition-property: padding-left;
 }
 
-ion-item-sliding.active-swipe-left .button-expandable {
+ion-item-sliding.active-swipe-left button[expandable] {
   order: -1;
 
   padding-right: 90%;
diff --git a/src/components/item/test/sliding/main.html b/src/components/item/test/sliding/main.html
index aa813a0dff..1ed5491b59 100644
--- a/src/components/item/test/sliding/main.html
+++ b/src/components/item/test/sliding/main.html
@@ -62,7 +62,7 @@
         <h2>LEFT side - no icons</h2>
         <p>I think I figured out how to get more Mountain Dew</p>
       </a>
-      <ion-item-options side="left" (ionSwipe)="del($event)" *ngIf="slidingEnabled">
+      <ion-item-options side="left" *ngIf="slidingEnabled">
         <button ion-button color="primary" (click)="archive(item1)">Archive</button>
         <button ion-button color="danger" (click)="del(item1)">Delete</button>
       </ion-item-options>