DropdownMenuV2: do not collapse suffix width (#57238)

* DropdownMenuV2: do not collapse suffix width * CHANGELOG
WordPress · Dec 20, 2023 · cf2950e · cf2950e
1 parent a312c1b
commit cf2950e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -13,6 +13,7 @@
 
 ### Enhancements
 
+-   `DropdownMenuV2`: do not collapse suffix width ([#57238](https://github.com/WordPress/gutenberg/pull/57238)).
 -   `DateTimePicker`: Adjustment of the dot position on DayButton and expansion of the button area. ([#55502](https://github.com/WordPress/gutenberg/pull/55502)).
 -   `Modal`: Improve application of body class names ([#55430](https://github.com/WordPress/gutenberg/pull/55430)).
 

diff --git a/packages/components/src/dropdown-menu-v2-ariakit/styles.ts b/packages/components/src/dropdown-menu-v2-ariakit/styles.ts
@@ -269,8 +269,9 @@ export const DropdownMenuItemChildrenWrapper = styled.div`
 `;
 
 export const ItemSuffixWrapper = styled.span`
-	flex: 0;
-	width: max-content;
+	flex: 0 1 fit-content;
+	min-width: 0;
+	width: fit-content;
 
 	display: flex;
 	align-items: center;