diff --git a/packages/block-editor/src/components/block-toolbar/style.scss b/packages/block-editor/src/components/block-toolbar/style.scss index 81dbb98528a84..102594c004aff 100644 --- a/packages/block-editor/src/components/block-toolbar/style.scss +++ b/packages/block-editor/src/components/block-toolbar/style.scss @@ -207,17 +207,18 @@ } } - .block-editor-block-mover .block-editor-block-mover__move-button-container { - width: auto; - - @include break-small() { + .block-editor-block-mover { + .block-editor-block-mover__move-button-container { + width: auto; position: relative; + } - &::before { + &:not(.is-horizontal) .block-editor-block-mover__move-button-container::before { + @include break-small() { content: ""; height: $border-width; width: 100%; - background: $gray-900; + background: $gray-200; position: absolute; top: 50%; left: 50%; @@ -226,6 +227,10 @@ transform: translate(-50%, 0); margin-top: -$border-width * 0.5; } + + @include break-medium { + background: $gray-900; + } } }