diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css
index 4247f29e6e..8f55d2f2ba 100644
--- a/dist/css/ionic-scoped.css
+++ b/dist/css/ionic-scoped.css
@@ -2193,6 +2193,11 @@
.ionic .toggle input:checked + .handle {
background-color: white;
-webkit-transform: translate3d(22px, 0, 0); }
+ .ionic .list-item-buttons.toggle {
+ position: absolute;
+ top: 5px;
+ right: 15px;
+ z-index: 3; }
.ionic .radio-buttton-list .list-item-content {
/* give some room to the right for the checkmark icon */
padding-right: 60px; }
diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index c691ab5849..d87208aefc 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -2679,6 +2679,12 @@ input[type="checkbox"][readonly] {
background-color: white;
-webkit-transform: translate3d(22px, 0, 0); }
+.list-item-buttons.toggle {
+ position: absolute;
+ top: 5px;
+ right: 15px;
+ z-index: 3; }
+
.radio-buttton-list .list-item-content {
/* give some room to the right for the checkmark icon */
padding-right: 60px; }
diff --git a/scss/ionic/_toggle.scss b/scss/ionic/_toggle.scss
index b976622b4b..17f9858ea7 100644
--- a/scss/ionic/_toggle.scss
+++ b/scss/ionic/_toggle.scss
@@ -70,3 +70,10 @@
background-color: $toggle-handle-on-bg-color;
-webkit-transform: translate3d( $toggle-width - $toggle-handle-width - ($toggle-border-width * 2) ,0,0);
}
+
+.list-item-buttons.toggle {
+ position: absolute;
+ top: $list-item-padding / 3;
+ right: $list-item-padding;
+ z-index: 3;
+}
diff --git a/test/input-toggle.html b/test/input-toggle.html
index 008d927696..a5b2b8d14e 100644
--- a/test/input-toggle.html
+++ b/test/input-toggle.html
@@ -17,68 +17,51 @@
-
-
-
-
-