diff --git a/ionic/components/button/button.scss b/ionic/components/button/button.scss
index 3b26fc0234..8184beac68 100644
--- a/ionic/components/button/button.scss
+++ b/ionic/components/button/button.scss
@@ -29,7 +29,7 @@ $button-round-border-radius: 64px !default;
@include appearance(none);
}
-span.button-inner {
+.button-inner {
width: 100%;
height: 100%;
display: flex;
diff --git a/ionic/components/item/item-sliding.scss b/ionic/components/item/item-sliding.scss
index 11a56bf6a9..db8698663b 100644
--- a/ionic/components/item/item-sliding.scss
+++ b/ionic/components/item/item-sliding.scss
@@ -32,8 +32,20 @@ ion-item-options .button {
height: 100%;
}
-ion-item-sliding.active-slide {
+ion-item-options:not([icon-left]) .button-icon-left {
+ font-size: 14px;
+ .button-inner {
+ flex-direction: column;
+ }
+ ion-icon {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ padding-bottom: 0.3em;
+ }
+}
+
+ion-item-sliding.active-slide {
.item,
.item.activated {
diff --git a/ionic/components/item/test/sliding/main.html b/ionic/components/item/test/sliding/main.html
index 9240f6b270..d98eb5b2ad 100644
--- a/ionic/components/item/test/sliding/main.html
+++ b/ionic/components/item/test/sliding/main.html
@@ -31,7 +31,9 @@
-
+
@@ -53,8 +55,10 @@
One Line w/ Icon, div only text
-
-
+
+
@@ -66,7 +70,16 @@
One Line w/ Avatar, div only text
-
+
+
+
+
@@ -104,4 +117,4 @@
img {
height: 100px;
}
-
+
\ No newline at end of file