diff --git a/packages/common/styles.js b/packages/common/styles.js
index 4cf471a6b34ad7148504430ed0ac254c3b384ba3..567f2cc34dd261b08cb850c5b6b607d246781ec7 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -172,6 +172,7 @@ export function getButtonCSS() {
             font-size: inherit;
             font-family: inherit;
             background-color: transparent;
+            transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
         }
 
         .button:hover {