diff --git a/plugins/woocommerce/legacy/css/twenty-twenty-two.scss b/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
index af05faeb5f6..43799a50a1c 100644
--- a/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
+++ b/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
@@ -253,6 +253,10 @@ $tt2-gray: #f7f7f7;
 
 			a.add_to_cart_button {
 				padding: 0.8rem 2.7rem;
+
+				&.loading {
+					opacity: 0.5;
+				}
 			}
 
 			a.added_to_cart {