diff --git a/packages/block-editor/src/components/block-tools/block-contextual-toolbar.js b/packages/block-editor/src/components/block-tools/block-contextual-toolbar.js index 51ee35ce51662..b2087ac2ff5f6 100644 --- a/packages/block-editor/src/components/block-tools/block-contextual-toolbar.js +++ b/packages/block-editor/src/components/block-tools/block-contextual-toolbar.js @@ -132,7 +132,7 @@ function BlockContextualToolbar( { focusOnMount, isFixed, ...props } ) { const marginLeft = parseFloat( computedToolbarStyle.marginLeft ); const pinnedItemsWidth = computedPinnedItemsStyle - ? parseFloat( computedPinnedItemsStyle.width ) + 10 // 10 is the pinned items padding + ? parseFloat( computedPinnedItemsStyle.width ) : 0; const leftHeaderWidth = computedLeftHeaderStyle ? parseFloat( computedLeftHeaderStyle.width ) @@ -143,6 +143,7 @@ function BlockContextualToolbar( { focusOnMount, isFixed, ...props } ) { leftHeaderWidth + pinnedItemsWidth + marginLeft + + ( pinnedItems || leftHeader ? 2 : 0 ) + // Prevents button focus border from being cut off ( isFullscreen ? 0 : 160 ) // the width of the admin sidebar expanded }px)`; }, [ diff --git a/packages/edit-post/src/style.scss b/packages/edit-post/src/style.scss index 74f42ca498282..bfd008e2164dd 100644 --- a/packages/edit-post/src/style.scss +++ b/packages/edit-post/src/style.scss @@ -93,15 +93,6 @@ body.js.block-editor-page { @include wordpress-admin-schemes(); -.interface-interface-skeleton__header .edit-post-header { - @supports (scrollbar-gutter: stable) { - // The scrollbar-gutter property ensures space is reserved for the scrollbar to appear, - // when scrollbars are set to be always visible. This ensure icons stay visually aligned. - scrollbar-gutter: stable; - overflow: hidden; - } -} - // The edit-site package adds or removes the sidebar when it's opened or closed. // The edit-post package, however, always has the sidebar in the canvas. // These edit-post specific rules ensures there isn't a border on the right of