diff --git a/plugins/woocommerce/changelog/fix-tt2-wp60-missing-padding-in-some-buttons b/plugins/woocommerce/changelog/fix-tt2-wp60-missing-padding-in-some-buttons new file mode 100644 index 00000000000..e4e172c8cf5 --- /dev/null +++ b/plugins/woocommerce/changelog/fix-tt2-wp60-missing-padding-in-some-buttons @@ -0,0 +1,4 @@ +Significance: patch +Type: fix + +Add default button padding to TT2 stylesheet to fix some visual issues in WP 5.9 and 6.0 diff --git a/plugins/woocommerce/client/legacy/css/twenty-twenty-two.scss b/plugins/woocommerce/client/legacy/css/twenty-twenty-two.scss index 7d214e67fc4..1ae290e0ed2 100644 --- a/plugins/woocommerce/client/legacy/css/twenty-twenty-two.scss +++ b/plugins/woocommerce/client/legacy/css/twenty-twenty-two.scss @@ -120,6 +120,7 @@ $tt2-gray: #f7f7f7; background-color: var(--wp--preset--color--primary); color: #fff; border: 1px solid var(--wp--preset--color--black); + padding: 1rem 2rem; margin-top: 1rem; text-decoration: none; font-size: medium; @@ -185,6 +186,7 @@ $tt2-gray: #f7f7f7; button.single_add_to_cart_button, a.checkout-button { font-size: 18px; + padding: 1.5rem 3.5rem; } // Moved from blockthemes.css to make sure TT2 won't be changed.