diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index 4a9c8750c4..7fd1eaa255 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -3958,8 +3958,8 @@ input[type="checkbox"][readonly] {
 
 /* the handle when the toggle is "on" */
 .toggle input:checked + .track .handle {
-  -webkit-transform: translate(22px, 0);
-  transform: translate(22px, 0);
+  -webkit-transform: translate3d(22px, 0, 0);
+  transform: translate3d(22px, 0, 0);
   background-color: white; }
 
 /* make sure list item content have enough padding on right to fit the toggle */
diff --git a/scss/_toggle.scss b/scss/_toggle.scss
index 96672337a2..aebbb4e7ac 100644
--- a/scss/_toggle.scss
+++ b/scss/_toggle.scss
@@ -61,7 +61,7 @@
 
   /* the handle when the toggle is "on" */
 .toggle input:checked + .track .handle {
-  @include translate($toggle-width - $toggle-handle-width - ($toggle-border-width * 2), 0);
+  @include translate3d($toggle-width - $toggle-handle-width - ($toggle-border-width * 2), 0, 0);
   background-color: $toggle-handle-on-bg-color;
 }