Apply design feedback

WordPress · Aug 28, 2024 · a50e36c · a50e36c
1 parent f8d68dd
commit a50e36c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/packages/components/src/dropdown-menu-v2/group-label.tsx b/packages/components/src/dropdown-menu-v2/group-label.tsx
@@ -22,7 +22,13 @@ export const DropdownMenuGroupLabel = forwardRef<
 			ref={ ref }
 			render={
 				// @ts-expect-error The `children` prop is passed
-				<Text upperCase variant="muted" />
+				<Text
+					upperCase
+					variant="muted"
+					size="11px"
+					weight={ 500 }
+					lineHeight="16px"
+				/>
 			}
 			{ ...props }
 			store={ dropdownMenuContext?.store }

diff --git a/packages/components/src/dropdown-menu-v2/styles.ts b/packages/components/src/dropdown-menu-v2/styles.ts
@@ -306,10 +306,11 @@ export const DropdownMenuGroup = styled( Ariakit.MenuGroup )`
 
 export const DropdownMenuGroupLabel = styled( Ariakit.MenuGroupLabel )`
 	/* Occupy the width of all grid columns (ie. full width) */
-	grid-column: 2 / -1;
+	grid-column: 1 / -1;
 
-	padding-block: ${ ITEM_PADDING_BLOCK };
-	padding-inline-end: ${ ITEM_PADDING_INLINE };
+	padding-block-start: ${ space( 3 ) };
+	padding-block-end: ${ space( 2 ) };
+	padding-inline: ${ ITEM_PADDING_INLINE };
 `;
 
 export const DropdownMenuSeparator = styled( Ariakit.MenuSeparator )<