--- a/toolkit/themes/shared/extensions/extensions.inc.css
+++ b/toolkit/themes/shared/extensions/extensions.inc.css
@@ -459,24 +459,32 @@ button.warning {
 
 .legacy-warning {
   background-color: #FFE900;
   color: #3E2800;
   padding: 4px 5px 3px;
   font-size: 0.9rem;
   font-weight: 600;
   -moz-user-focus: ignore;
+  transition-property: color, background-color;
+  transition-timing-function: cubic-bezier(.07,.95,0,1);
+  transition-duration: 150ms;
 }
 
 .legacy-warning:hover {
   background-color: #D7B600;
   color: #3E2800;
   text-decoration: none;
 }
 
+.legacy-warning:hover:active {
+  background-color: #a47f00;
+  color: #FFF;
+}
+
 #detail-view .legacy-warning {
   margin-top: 0.78rem;
 }
 
 .creator {
   font-weight: bold;
 }