diff --git a/packages/block-editor/src/components/spacing-sizes-control/input-controls/spacing-input-control.js b/packages/block-editor/src/components/spacing-sizes-control/input-controls/spacing-input-control.js index 55888b5b131bda..a5929bf2159133 100644 --- a/packages/block-editor/src/components/spacing-sizes-control/input-controls/spacing-input-control.js +++ b/packages/block-editor/src/components/spacing-sizes-control/input-controls/spacing-input-control.js @@ -1,8 +1,3 @@ -/** - * External dependencies - */ -import classnames from 'classnames'; - /** * WordPress dependencies */ @@ -171,7 +166,7 @@ export default function SpacingInputControl( { } ) ); const ariaLabel = sprintf( - // translators: 1: The side of the block being modified (top, bottom, left, etc.). 2. Type of spacing being modified (Padding, margin, etc) + // translators: 1: The side of the block being modified (top, bottom, left, All sides etc.). 2. Type of spacing being modified (Padding, margin, etc) __( '%1$s %2$s' ), LABELS[ side ], type?.toLowerCase() @@ -294,12 +289,7 @@ export default function SpacingInputControl( { } } isPressed={ showCustomValueControl } isSmall - className={ classnames( { - 'components-spacing-sizes-control__custom-toggle-all': - side === 'all', - 'components-spacing-sizes-control__custom-toggle-single': - side !== 'all', - } ) } + className="components-spacing-sizes-control__custom-toggle" iconSize={ 24 } /> ) } diff --git a/packages/block-editor/src/components/spacing-sizes-control/style.scss b/packages/block-editor/src/components/spacing-sizes-control/style.scss index 487661cb32ece6..785bc16c9a63af 100644 --- a/packages/block-editor/src/components/spacing-sizes-control/style.scss +++ b/packages/block-editor/src/components/spacing-sizes-control/style.scss @@ -45,7 +45,6 @@ } .components-spacing-sizes-control__icon, -.components-spacing-sizes-control__custom-toggle-all, -.components-spacing-sizes-control__custom-toggle-single { +.components-spacing-sizes-control__custom-toggle { flex: 0 0 auto; }