Add padding on table header button (https://github.com/woocommerce/woocommerce-admin/pull/7213)

* Add padding on table header button

* Add changelog and testing instructions

Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>

plugins/woocommerce-admin/TESTING-INSTRUCTIONS.md

@@ -163,6 +163,12 @@ Individual payment gateway plugins dictate the settings and connection flow.  Fo
 
 ## 2.4.0
 
+### Add padding on table header button #7213
+
+1. Create tax rates
+2. Go to Analytics -> Taxes
+3. Check it the table style renders as expected
+
 ### Add target to the button to open it in a new tab #7110
 
 1. Navigate to WooCommerce -> Settings -> Payments

plugins/woocommerce-admin/packages/components/src/table/style.scss

@@ -179,6 +179,8 @@
 
 		button {
 			justify-content: flex-end;
+			padding-right: 24px;
+			padding-left: 24px;
 		}
 	}
 

plugins/woocommerce-admin/readme.txt

@@ -101,6 +101,7 @@ Release and roadmap notes are available on the [WooCommerce Developers Blog](htt
 - Fix: CurrencyFactory constructor to use proper function #7261
 - Fix: Currency display on Orders activity card on homescreen #7181
 - Fix: Report export filtering bug. #7165
+- Fix: Add padding on table header button #7213
 - Fix:  Use tab char for the CSV injection prevention. #7154
 - Fix: Add height auto on autocomplete popover button #7225
 - Fix: Make WooCommerce-admin full-screen minimum height 100vh important #7230