Commit de1cdf60c7b for woocommerce
commit de1cdf60c7b9136e85fe38f64683f7aa4255addb
Author: Albert Juhé Lluveras <contact@albertjuhe.com>
Date: Wed Aug 26 11:24:55 2026 +0200
Fix Catalog sorting label vertical alignment (#68024)
* Fix Catalog sorting label vertical alignment
* Add changelog
diff --git a/plugins/woocommerce/changelog/fix-catalog-sorting-label-alignment b/plugins/woocommerce/changelog/fix-catalog-sorting-label-alignment
new file mode 100644
index 00000000000..79e81faf456
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-catalog-sorting-label-alignment
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix Catalog sorting label vertical alignment
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/edit.tsx b/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/edit.tsx
index 02d777e2402..5e1574cbc56 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/edit.tsx
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/catalog-sorting/edit.tsx
@@ -25,10 +25,7 @@ const CatalogSorting = ( {
<>
{ useLabel ? (
<>
- <label
- className="orderby-label"
- htmlFor="woocommerce-orderby"
- >
+ <label htmlFor="woocommerce-orderby">
{ __( 'Sort by', 'woocommerce' ) }
</label>
<select className="orderby" id="woocommerce-orderby">
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 e67ea9100f3..ba528323b26 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
@@ -3,13 +3,16 @@
float: none;
}
- label.orderby-label {
+ label {
margin-right: 0.25rem;
+ margin-bottom: 0;
+ vertical-align: middle;
}
select.orderby {
field-sizing: content;
font-size: inherit;
+ vertical-align: middle;
}
&.has-text-color {