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..0787b8336f 100644
--- a/ionic/components/item/item-sliding.scss
+++ b/ionic/components/item/item-sliding.scss
@@ -32,8 +32,22 @@ ion-item-options .button {
height: 100%;
}
-ion-item-sliding.active-slide {
+ion-item-sliding:not([horizontal]) {
+ .button.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..bfa79cc813 100644
--- a/ionic/components/item/test/sliding/main.html
+++ b/ionic/components/item/test/sliding/main.html
@@ -31,7 +31,9 @@
-
+
@@ -48,13 +50,15 @@
-
+
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