diff --git a/assets/src/components/block-mover/index.js b/assets/src/components/block-mover/index.js
index 93e0baa148e..9d7603a7fcd 100644
--- a/assets/src/components/block-mover/index.js
+++ b/assets/src/components/block-mover/index.js
@@ -49,7 +49,7 @@ export class BlockMover extends Component {
}
render() {
- const { onMoveUp, onMoveDown, isFirst, isLast, isDraggable, onDragStart, onDragEnd, clientIds, blockElementId, instanceId } = this.props;
+ const { bringForward, sendBackward, isFirst, isLast, isDraggable, onDragStart, onDragEnd, clientIds, blockElementId, instanceId } = this.props;
const { isFocused } = this.state;
// We emulate a disabled state because forcefully applying the `disabled`
@@ -61,9 +61,9 @@ export class BlockMover extends Component {
{
const { moveBlocksDown, moveBlocksUp } = dispatch( 'core/block-editor' );
return {
- onMoveDown: partial( moveBlocksDown, clientIds, rootClientId ),
- onMoveUp: partial( moveBlocksUp, clientIds, rootClientId ),
+ bringForward: partial( moveBlocksDown, clientIds, rootClientId ),
+ sendBackward: partial( moveBlocksUp, clientIds, rootClientId ),
};
} ),
withInstanceId,
diff --git a/assets/src/components/block-navigation.js b/assets/src/components/block-navigation.js
index d72280155e5..d329d044c3d 100644
--- a/assets/src/components/block-navigation.js
+++ b/assets/src/components/block-navigation.js
@@ -93,7 +93,7 @@ export default compose(
const blocks = getCurrentPage() ? getBlocksByClientId( getBlockOrder( getCurrentPage() ) ) : [];
return {
- blocks: blocks.filter( ( { name } ) => ALLOWED_MOVABLE_BLOCKS.includes( name ) ),
+ blocks: blocks.filter( ( { name } ) => ALLOWED_MOVABLE_BLOCKS.includes( name ) ).reverse(),
selectedBlockClientId: getSelectedBlockClientId(),
isReordering: isReordering(),
};