diff --git a/_includes/header.html b/_includes/header.html
index e875d4e..9c2b79f 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -7,6 +7,7 @@
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 <link rel="stylesheet" href="dist/ratchet.css">
+<link rel="stylesheet" href="dist/ios-theme.css">
 <link rel="stylesheet" href="assets/css/docs.css">
 <link rel="stylesheet" href="assets/css/pygments.css">
 <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
diff --git a/dist/ratchet.css b/dist/ratchet.css
index c6c71df..c209c8d 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -1132,8 +1132,8 @@ input[type="button"] {
 }
 .content.slide.left {
   z-index: 1;
-  -webkit-transform: translate3d(100%, 0, 0);
-  transform: translate3d(100%, 0, 0);
+  -webkit-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
 }
 .content.slide.right {
   z-index: 3;
diff --git a/lib/sass/push.scss b/lib/sass/push.scss
index 8095b7a..c0e7077 100644
--- a/lib/sass/push.scss
+++ b/lib/sass/push.scss
@@ -22,7 +22,7 @@
 
     &.left {
       z-index: 1;
-      @include transform(translate3d(100%, 0, 0));
+      @include transform(translate3d(-100%, 0, 0));
     }
 
     &.right {
diff --git a/lib/sass/theme-ios.scss b/lib/sass/theme-ios.scss
index 52b2d3c..35f93d8 100644
--- a/lib/sass/theme-ios.scss
+++ b/lib/sass/theme-ios.scss
@@ -28,7 +28,7 @@ $timing-fuction: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods
 // Bars
 // --------------------------------------------------
 
-.bar {
+[class*="bar-"] {
   border-bottom: 0;
   background-color: $chrome-color;
   @include box-shadow(0 0 1px rgba(0,0,0,.85));