Update: Use small button on tools panel toggle (#35935)

WordPress · Oct 26, 2021 · 2ecc9a4 · 2ecc9a4
1 parent 2266ff8
commit 2ecc9a4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/packages/components/src/tools-panel/styles.ts b/packages/components/src/tools-panel/styles.ts
@@ -69,14 +69,10 @@ export const ToolsPanelHeader = css`
 	 */
 	.components-dropdown-menu {
 		margin: ${ space( -1 ) } 0;
-		height: ${ space( 6 ) };
-
-		.components-dropdown-menu__toggle {
-			padding: 0;
-			height: ${ space( 6 ) };
-			min-width: ${ space( 6 ) };
-			width: ${ space( 6 ) };
-		}
+	}
+	&&&& .components-dropdown-menu__toggle {
+		padding: 0;
+		min-width: ${ space( 6 ) };
 	}
 `;
 

diff --git a/packages/components/src/tools-panel/tools-panel-header/component.tsx b/packages/components/src/tools-panel/tools-panel-header/component.tsx
@@ -153,6 +153,7 @@ const ToolsPanelHeader = (
 					icon={ dropDownMenuIcon }
 					label={ dropDownMenuLabelText }
 					menuProps={ { className: dropdownMenuClassName } }
+					toggleProps={ { isSmall: true } }
 				>
 					{ ( { onClose = noop } ) => (
 						<>