Commit f48965b96d1 for woocommerce

commit f48965b96d17c8ae4fb27b60c5f37d75f35546a6
Author: louwie17 <lourensschep@gmail.com>
Date:   Fri Mar 27 10:56:45 2026 +0100

    Fix: Order status text wrapping vertically when Gutenberg plugin is active (#63882)

    Fix order status text wrapping vertically when word-break is inherited from Gutenberg

    Add white-space: nowrap to .woocommerce-order-status to prevent inherited
    word-break styles (from Gutenberg or WP global styles) from causing the grid
    min-content column to shrink to a single character width. This also fixes
    multi-word statuses like "On hold" from wrapping across two lines.

    Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

diff --git a/packages/js/components/changelog/fix-order-status-text-wrap-gutenberg b/packages/js/components/changelog/fix-order-status-text-wrap-gutenberg
new file mode 100644
index 00000000000..94a9a00a8f5
--- /dev/null
+++ b/packages/js/components/changelog/fix-order-status-text-wrap-gutenberg
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix order status text wrapping vertically when Gutenberg plugin is active by adding white-space: nowrap to prevent inherited word-break styles from affecting grid min-content sizing
diff --git a/packages/js/components/src/order-status/style.scss b/packages/js/components/src/order-status/style.scss
index 87269f77771..9108d9a5d03 100644
--- a/packages/js/components/src/order-status/style.scss
+++ b/packages/js/components/src/order-status/style.scss
@@ -3,6 +3,7 @@
 	grid-template-columns: min-content min-content;
 	grid-gap: $gap-smallest * 2;
 	align-items: center;
+	white-space: nowrap;
 }

 .woocommerce-order-status__indicator {