diff --git a/src/js/controller/mail-list.js b/src/js/controller/mail-list.js
index d9331fa..1e5c138 100644
--- a/src/js/controller/mail-list.js
+++ b/src/js/controller/mail-list.js
@@ -53,7 +53,10 @@ define(function(require) {
             }
 
             $scope.state.mailList.selected = email;
-            $scope.state.read.toggle(true);
+            $timeout(function() {
+                // toogle read ste in next digest step to speed up css transition to read mode
+                $scope.state.read.toggle(true);
+            });
 
             keychainDao.refreshKeyForUserId(email.from[0].address, onKeyRefreshed);
 
diff --git a/src/sass/components/_layout.scss b/src/sass/components/_layout.scss
index cabc82f..9ed7d85 100755
--- a/src/sass/components/_layout.scss
+++ b/src/sass/components/_layout.scss
@@ -2,6 +2,7 @@
     @include clearfix();
     height: 100%;
     overflow: hidden;
+    backface-visibility: hidden;
 
     // double in modile to allow slide transition
     @include respond-to(mobile) {