Tweak panel header spacing

WordPress · Oct 14, 2021 · d684a45 · d684a45
1 parent 9439aaf
commit d684a45
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/components/src/tools-panel/stories/index.js b/packages/components/src/tools-panel/stories/index.js
@@ -224,6 +224,6 @@ export const WithSlotFillItems = () => {
 export { TypographyPanel } from './typography-panel';
 
 const PanelWrapperView = styled.div`
-	max-width: 260px;
+	max-width: 270px;
 	font-size: 13px;
 `;
diff --git a/packages/components/src/tools-panel/styles.ts b/packages/components/src/tools-panel/styles.ts
@@ -58,6 +58,7 @@ export const ToolsPanelHiddenInnerWrapper = css`
 
 export const ToolsPanelHeader = css`
 	${ toolsPanelGrid.item.fullWidth }
+	gap: ${ space( 2 ) };
 
 	/**
 	 * The targeting of dropdown menu component classes here is a temporary
@@ -67,8 +68,7 @@ export const ToolsPanelHeader = css`
 	 * refactored and can be targeted via component interpolation.
 	 */
 	.components-dropdown-menu {
-		margin-top: ${ space( -1 ) };
-		margin-bottom: ${ space( -1 ) };
+		margin: ${ space( -1 ) } 0;
 		height: ${ space( 6 ) };
 
 		/* first-child used to overcome specificity of menu toggle styles */