Commit 9d1e86cb220 for woocommerce

commit 9d1e86cb220ab9c831387281fe866323572a002d
Author: Karol Manijak <20098064+kmanijak@users.noreply.github.com>
Date:   Mon Oct 12 18:27:22 2026 +0200

    Add styling supports to Catalog Sorting (#69603)

    * Add margin and typography controls to Catalog Sorting

    * Add changelog entry for Catalog Sorting design controls

    * Restore original Catalog Sorting label margins

    * Add background, padding, and alignment to Catalog Sorting

    * Update Catalog Sorting design controls changelog

    * Remove Catalog Sorting dropdown typography overrides

    * Restore Catalog Sorting dropdown typography inheritance

    * Add gradient support to Catalog Sorting

    * Update Catalog Sorting changelog for gradients

diff --git a/docs/block-development/reference/block-references.md b/docs/block-development/reference/block-references.md
index dea5c1372c0..d268b7293b8 100644
--- a/docs/block-development/reference/block-references.md
+++ b/docs/block-development/reference/block-references.md
@@ -387,7 +387,7 @@ Enable customers to change the sorting order of the products.

 - **Name:** woocommerce/catalog-sorting
 - **Category:** woocommerce
-- **Supports:** color (text, ~~background~~), interactivity, typography (fontSize)
+- **Supports:** color (background, gradients, text), interactivity, spacing (margin, padding), typography (fontSize, textAlign)
 - **Attributes:** fontSize, useLabel

 ## Product Category Description - woocommerce/category-description
diff --git a/plugins/woocommerce/changelog/add-catalog-sorting-design-controls b/plugins/woocommerce/changelog/add-catalog-sorting-design-controls
new file mode 100644
index 00000000000..7897f494eb6
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-catalog-sorting-design-controls
@@ -0,0 +1,4 @@
+Significance: minor
+Type: enhancement
+
+Customize Catalog Sorting spacing, typography, alignment, background colors, and gradients to match your store.
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/block.json b/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/block.json
index db08131ccee..461cce539a3 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/block.json
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/block.json
@@ -8,10 +8,20 @@
 		"interactivity": true,
 		"color": {
 			"text": true,
-			"background": false
+			"background": true,
+			"gradients": true
 		},
 		"typography": {
-			"fontSize": true
+			"fontSize": true,
+			"textAlign": true,
+			"__experimentalFontFamily": true,
+			"__experimentalFontWeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalLetterSpacing": true
+		},
+		"spacing": {
+			"margin": true,
+			"padding": true
 		}
 	},
 	"viewScriptModule": "woocommerce/catalog-sorting",
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/style.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/style.scss
index ba528323b26..8e53d26f03d 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/style.scss
@@ -12,6 +12,10 @@
 	select.orderby {
 		field-sizing: content;
 		font-size: inherit;
+		font-family: inherit;
+		font-weight: inherit;
+		font-style: inherit;
+		letter-spacing: inherit;
 		vertical-align: middle;
 	}