diff --git a/static/css/quay.css b/static/css/quay.css
index 84ce9fedc..ac5b48ec8 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -206,6 +206,10 @@ background: linear-gradient(to bottom,  #141414 0%,transparent 15%,transparent 8
   font-size: 85%;
   display: inline-block;
 
+  -moz-transition: opacity 500ms ease-in-out;
+  -webkit-transition: opacity 500ms ease-in-out;
+  -o-transition: opacity 500ms ease-in-out;
+  -ms-transition: opacity 500ms ease-in-out;
   transition: opacity 500ms ease-in-out;
 }
 
@@ -342,23 +346,11 @@ p.editable:hover i {
    border-radius: 4px;
 
  
-    -webkit-animation: fadeOut ease-in-out 1;
-    -moz-animation: fadeOut ease-in-out 1;
-    -ms-animation: fadeOut ease-in-out 1;
-    -o-animation: fadeOut ease-in-out 1;
-    animation: fadeOut ease-in-out 1;
-
-    -webkit-animation-fill-mode: forwards;
-    -moz-animation-fill-mode: forwards;
-    -ms-animation-fill-mode: forwards;
-    -o-animation-fill-mode: forwards;
-    animation-fill-mode: forwards;
- 
-    -webkit-animation-duration: 4s;
-    -moz-animation-duration: 4s;
-    -ms-animation-duration: 4s;
-    -o-animation-duration: 4s;
-    animation-duration: 4s;
+    -webkit-animation: fadeOut 4s ease-in-out 0s 1 forwards;
+    -moz-animation: fadeOut 4s ease-in-out 0s 1 forwards;
+    -ms-animation: fadeOut 4s ease-in-out 0s 1 forwards;
+    -o-animation: fadeOut 4s ease-in-out 0s 1 forwards;
+    animation: fadeOut 4s ease-in-out 0s 1 forward;
 }
 
 @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@@ -467,6 +459,10 @@ p.editable:hover i {
 
   cursor: pointer;
 
+  -moz-transition: width 500ms ease-in-out;
+  -webkit-transition: width 500ms ease-in-out;
+  -o-transition: width 500ms ease-in-out;
+  -ms-transition: width 500ms ease-in-out;
   transition: width 500ms ease-in-out;
 }