Change checkbox label to be inline-flex to limit the width to the con…

…tent (#45603) * Change checkbox label to be inline-flex to limit the width to the content * Add changefile(s) from automation for the following project(s): woocommerce-blocks * Fix changelog entry * Add changefile(s) from automation for the following project(s): woocommerce-blocks * Add changefile(s) from automation for the following project(s): woocommerce-blocks --------- Co-authored-by: github-actions <github-actions@github.com>
woocommerce · Mar 18, 2024 · 72f5db9 · 72f5db9
1 parent dea68ee
commit 72f5db9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/plugins/woocommerce-blocks/packages/components/checkbox-control/style.scss b/plugins/woocommerce-blocks/packages/components/checkbox-control/style.scss
@@ -5,7 +5,7 @@
 
 	label {
 		align-items: flex-start;
-		display: flex;
+		display: inline-flex;
 		position: relative;
 		cursor: pointer;
 		@include font-size(small);

diff --git a/plugins/woocommerce/changelog/45603-product-filters-clickable-area b/plugins/woocommerce/changelog/45603-product-filters-clickable-area
@@ -0,0 +1,4 @@
+Significance: patch
+Type: enhancement
+
+Limit checkbox clickable area from being out of bounds