diff --git a/packages/webawesome/src/components/button/button.css b/packages/webawesome/src/components/button/button.css
index 7660f5c0e..ac7ddc3f2 100644
--- a/packages/webawesome/src/components/button/button.css
+++ b/packages/webawesome/src/components/button/button.css
@@ -26,7 +26,7 @@
   -webkit-user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  transition-property: background, border, box-shadow, color;
+  transition-property: background, border, box-shadow, color, opacity;
   transition-duration: var(--wa-transition-fast);
   transition-timing-function: var(--wa-transition-easing);
   cursor: pointer;