diff --git a/packages/edit-site/src/components/block-editor/style.scss b/packages/edit-site/src/components/block-editor/style.scss index 0cebf83a7a7e6..60736f7cf39e4 100644 --- a/packages/edit-site/src/components/block-editor/style.scss +++ b/packages/edit-site/src/components/block-editor/style.scss @@ -55,30 +55,26 @@ bottom: 0; padding: 0; margin: auto 0; - width: $grid-unit-10; + width: $grid-unit-05; height: $height; appearance: none; - cursor: grab; + cursor: ew-resize; outline: none; - background: $gray-700; - border-radius: 4px; + background: $gray-600; + border-radius: 2px; border: 0; &.is-left { - left: #{-$grid-unit-30 - $grid-unit-05}; + left: -$grid-unit-20; } &.is-right { - right: #{-$grid-unit-30 - $grid-unit-05}; - } - - &:hover { - background: $gray-600; + right: -$grid-unit-20; } + &:hover, &:active { - cursor: grabbing; - background: $gray-600; + background: $gray-400; } &:focus {