diff --git a/packages/block-editor/src/components/list-view/style.scss b/packages/block-editor/src/components/list-view/style.scss index eb05d1426c376b..4f53b66fccc903 100644 --- a/packages/block-editor/src/components/list-view/style.scss +++ b/packages/block-editor/src/components/list-view/style.scss @@ -295,9 +295,9 @@ width: $icon-size; } -// First level of indentation is aria-level 2, max indent is 8. +// First level of indentation is aria-level 2, max indent is 15. // Indent is a full icon size, plus 4px which optically aligns child icons to the text label above. -$block-navigation-max-indent: 8; +$block-navigation-max-indent: 15; .block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander { margin-left: ( $icon-size ) * $block-navigation-max-indent + 4 * ( $block-navigation-max-indent - 1 ); } diff --git a/packages/edit-post/src/components/secondary-sidebar/style.scss b/packages/edit-post/src/components/secondary-sidebar/style.scss index 710319654a357c..a76391d3388e3d 100644 --- a/packages/edit-post/src/components/secondary-sidebar/style.scss +++ b/packages/edit-post/src/components/secondary-sidebar/style.scss @@ -46,6 +46,8 @@ .edit-post-editor__list-view-panel-content { overflow-y: auto; + overflow-x: auto; + max-width: 340px; // The table cells use an extra pixels of space left and right. We compensate for that here. padding: $grid-unit-10 ($grid-unit-10 - $border-width - $border-width); } diff --git a/packages/edit-site/src/components/secondary-sidebar/style.scss b/packages/edit-site/src/components/secondary-sidebar/style.scss index d7623ffe2bc935..7e555cf2080fc3 100644 --- a/packages/edit-site/src/components/secondary-sidebar/style.scss +++ b/packages/edit-site/src/components/secondary-sidebar/style.scss @@ -47,5 +47,7 @@ .edit-site-editor__list-view-panel-content { overflow-y: auto; + overflow-x: auto; + max-width: 350px; padding: $grid-unit-10; }