diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index 96e0a237b7..bc6ed0a814 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -3430,9 +3430,13 @@ a.item {
  * --------------------------------------------------
  * Adding .item-complex allows the .item to be slidable and
  * have options underneath the button, but also requires an
- * additional .item-content element inside .item
+ * additional .item-content element inside .item.
+ * Basically .item-complex removes any default settings which
+ * .item added, so that .item-content looks them as just .item.
  */
-.item-complex {
+.item-complex,
+a.item.item-complex,
+button.item.item-complex {
   padding: 0; }
 
 .item-complex .item-content,
diff --git a/scss/_items.scss b/scss/_items.scss
index aef3ea0c46..2e54c1cfb5 100644
--- a/scss/_items.scss
+++ b/scss/_items.scss
@@ -128,10 +128,14 @@ a.item {
  * --------------------------------------------------
  * Adding .item-complex allows the .item to be slidable and
  * have options underneath the button, but also requires an
- * additional .item-content element inside .item
+ * additional .item-content element inside .item.
+ * Basically .item-complex removes any default settings which
+ * .item added, so that .item-content looks them as just .item.
  */
 
-.item-complex {
+.item-complex,
+a.item.item-complex,
+button.item.item-complex {
   padding: 0;
 }
 .item-complex .item-content,
diff --git a/test/lists.html b/test/lists.html
index 7afd3f0a41..8f3d9aa4f1 100644
--- a/test/lists.html
+++ b/test/lists.html
@@ -279,7 +279,7 @@
             </div>
           </a>
 
-          <a href="#" class="item item-icon-left item-icon-right item-slider">
+          <a href="#" class="item item-complex item-icon-left item-icon-right item-slider">
             <div class="item-content slide-left">
               <i class="icon ion-image brand-warning fill-icon"></i>
               Driving Directions
@@ -340,7 +340,7 @@
             <i class="icon ion-chevron-right"></i>
           </a>
 
-          <a href="#" class="item item-icon-left item-icon-right item-slider">
+          <a href="#" class="item item-complex item-icon-left item-icon-right item-slider">
             <div class="item-content slide-left slide-right">
               <i class="icon ion-ios7-cog gray fill-icon"></i>
               Default no wrap and has item-content! This is a list item with really really really really really
@@ -353,7 +353,7 @@
            </div>
           </a>
 
-          <a href="#" class="item item-icon-left item-icon-right item-text-wrap item-slider">
+          <a href="#" class="item item-complex item-icon-left item-icon-right item-text-wrap item-slider">
             <div class="item-content slide-left slide-right">
               <i class="icon ion-ios7-cog gray fill-icon"></i>
               Assigned "item-text-wrap" and has item-content. This is a list item with really really really really really