diff --git a/src/appier_extras/parts/admin/static/css/layout.css b/src/appier_extras/parts/admin/static/css/layout.css
index 51de87ea..52a2fe38 100644
--- a/src/appier_extras/parts/admin/static/css/layout.css
+++ b/src/appier_extras/parts/admin/static/css/layout.css
@@ -37,6 +37,7 @@ __license__   = Apache License, Version 2.0
         -moz-opacity: 0;
         -khtml-opacity: 0;
         -webkit-opacity: 0;
+        transform: translateY(18px);
         -o-transform: translateY(18px);
         -ms-transform: translateY(18px);
         -moz-transform: translateY(18px);
@@ -50,6 +51,7 @@ __license__   = Apache License, Version 2.0
         -moz-opacity: 1;
         -khtml-opacity: 1;
         -webkit-opacity: 1;
+        transform: translateY(0px);
         -o-transform: translateY(0px);
         -ms-transform: translateY(0px);
         -moz-transform: translateY(0px);
@@ -157,8 +159,14 @@ body.flat .balloon > .baloon-icon:hover {
     -o-animation: fade-in 0.25s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0) forwards;
     -ms-animation: fade-in 0.25s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0) forwards;
     -moz-animation: fade-in 0.25s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0) forwards;
+    -khtml-animation: fade-in 0.25s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0) forwards;
     -webkit-animation: fade-in 0.25s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0) forwards;
     animation-delay: 1s;
+    -o-animation-delay: 1s;
+    -ms-animation-delay: 1s;
+    -moz-animation-delay: 1s;
+    -khtml-animation-delay: 1s;
+    -webkit-animation-delay: 1s;
     background-color: #fafafa;
     border: 1px solid #cccccc;
     box-shadow: 0px 1px 4px #dddddd;
@@ -184,6 +192,7 @@ body.flat .balloon > .balloon-contents {
     -o-animation: fade-into-drop 0.25s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0) forwards;
     -ms-animation: fade-into-drop 0.25s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0) forwards;
     -moz-animation: fade-into-drop 0.25s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0) forwards;
+    -khtml-animation: fade-into-drop 0.25s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0) forwards;
     -webkit-animation: fade-into-drop 0.25s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0) forwards;
     border-radius: 5px 5px 5px 5px;
     -o-border-radius: 5px 5px 5px 5px;
@@ -340,6 +349,7 @@ body.mobile-s .pages > .page.other {
     -o-animation: fade-into-rise-long 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0);
     -ms-animation: fade-into-rise-long 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0);
     -moz-animation: fade-into-rise-long 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0);
+    -khtml-animation: fade-into-rise-long 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0);
     -webkit-animation: fade-into-rise-long 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.0);
     background-color: #6d6d6d;
     border: 1px solid #4d4d4d;
@@ -368,6 +378,7 @@ body.mobile-s .pages > .page.other {
     -o-animation: fade-out-visibility 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.0);
     -ms-animation: fade-out-visibility 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.0);
     -moz-animation: fade-out-visibility 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.0);
+    -khtml-animation: fade-out-visibility 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.0);
     -webkit-animation: fade-out-visibility 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.0);
     visibility: hidden;
 }