diff --git a/packages/block-editor/src/components/block-list-appender/style.scss b/packages/block-editor/src/components/block-list-appender/style.scss index 735f6c590d2b6..53f98d03a12ac 100644 --- a/packages/block-editor/src/components/block-list-appender/style.scss +++ b/packages/block-editor/src/components/block-list-appender/style.scss @@ -6,7 +6,8 @@ list-style: none; // Add a little left margin when used horizontally. - margin: 0 0 0 $grid-unit-10; + // The right margin should be set to auto, so as to not shift layout in flex containers. + margin: 0 auto 0 $grid-unit-10; // ... unless it's the only child. &:first-child { diff --git a/packages/block-library/src/navigation-link/editor.scss b/packages/block-library/src/navigation-link/editor.scss index 9e24f48dde9de..d8eaf9e1d2aaf 100644 --- a/packages/block-library/src/navigation-link/editor.scss +++ b/packages/block-library/src/navigation-link/editor.scss @@ -25,10 +25,11 @@ } .block-list-appender { - margin: $grid-unit-10 * 2; - margin-left: $grid-unit-10 * 1.25; - margin-top: $grid-unit-10 * 1.25; + margin-top: $grid-unit-20; + // The right margin should be set to auto, so as to not shift layout in flex containers. margin-right: auto; + margin-bottom: $grid-unit-20; + margin-left: $grid-unit-20; } }