Commit a37b8b3404a for woocommerce

commit a37b8b3404a901b00306cb90df4b6dc1efe2abd2
Author: Karol Manijak <20098064+kmanijak@users.noreply.github.com>
Date:   Tue Aug 11 11:42:39 2026 +0200

    Load Catalog Sorting styles and improve width adjustments (#67607)

    * Size catalog sorting select to its content

    * Add changelog entry for catalog sorting width

    * Load catalog sorting styles on the frontend

diff --git a/plugins/woocommerce/changelog/update-catalog-sorting-content-width b/plugins/woocommerce/changelog/update-catalog-sorting-content-width
new file mode 100644
index 00000000000..5f19e8f275d
--- /dev/null
+++ b/plugins/woocommerce/changelog/update-catalog-sorting-content-width
@@ -0,0 +1,4 @@
+Significance: patch
+Type: tweak
+
+Size the Catalog Sorting block to the selected option.
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 3085af2d194..db08131ccee 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
@@ -15,6 +15,7 @@
 		}
 	},
 	"viewScriptModule": "woocommerce/catalog-sorting",
+	"style": "file:../woocommerce/catalog-sorting-style.css",
 	"attributes": {
 		"fontSize": {
 			"type": "string",
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 b6da01fc7fc..e67ea9100f3 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
@@ -8,6 +8,7 @@
 	}

 	select.orderby {
+		field-sizing: content;
 		font-size: inherit;
 	}