diff --git a/zephyr/static/styles/zephyr.css b/zephyr/static/styles/zephyr.css
index 4e9ccdbd3e..812fe0cc0e 100644
--- a/zephyr/static/styles/zephyr.css
+++ b/zephyr/static/styles/zephyr.css
@@ -701,10 +701,10 @@ td.pointer {
     opacity: 0;
     box-shadow: inset 1px 1px 1px -1px #000;
     border: 1px solid #fff;
-    -webkit-transition: all 0.7s linear 2s;
-    -moz-transition: all 0.7s linear 2s;
-    -o-transition: all 0.7s linear 2s;
-     transition: all 0.7s linear 2s;
+    -webkit-transition: all 2.7s ease-in;
+    -moz-transition: all 2.7s ease-in;
+    -o-transition: all 2.7s ease-in;
+     transition: all 2.7s ease-in;
 }
 
 .include-sender .messagebox .unread_marker {
@@ -713,10 +713,10 @@ td.pointer {
 
 .unread .unread_marker {
     opacity: 1;
-    -webkit-transition: all 0.7s linear 2s;
-    -moz-transition: all 0.7s linear 2s;
-    -o-transition: all 0.7s linear 2s;
-     transition: all 0.7s linear 2s;
+    -webkit-transition: all 2.7s ease-in;
+    -moz-transition: all 2.7s ease-in;
+    -o-transition: all 2.7s ease-in;
+     transition: all 2.7s ease-in;
 }
 
 /* Selected messages use an inset box shadow to highlight, with