fix ui shifting when switching between shadow options

WordPress · Feb 23, 2024 · 4bb0d66 · 4bb0d66
1 parent 8041565
commit 4bb0d66
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/global-styles/shadow-panel-components.js b/packages/block-editor/src/components/global-styles/shadow-panel-components.js
@@ -95,7 +95,7 @@ export function ShadowIndicator( { label, isActive, onSelect, shadow } ) {
 					style={ { boxShadow: shadow } }
 					showTooltip
 				>
-					{ isActive && <Icon icon={ check } /> }
+					{ isActive && <Icon icon={ check } size={ 22 } /> }
 				</Button>
 			}
 		/>

diff --git a/packages/block-editor/src/components/global-styles/style.scss b/packages/block-editor/src/components/global-styles/style.scss
@@ -31,6 +31,9 @@
 	margin-right: $grid-unit-15;
 	margin-bottom: $grid-unit-15;
 
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
 	height: $button-size-small + 2 * $border-width;
 	width: $button-size-small + 2 * $border-width;
 	box-sizing: border-box;