diff --git a/packages/editor/src/components/collab-sidebar/comments.js b/packages/editor/src/components/collab-sidebar/comments.js index be877ce4222db..234be2254b91b 100644 --- a/packages/editor/src/components/collab-sidebar/comments.js +++ b/packages/editor/src/components/collab-sidebar/comments.js @@ -389,6 +389,7 @@ const ThreadWrapper = ( { children, clientId, classNames } ) => { useBlockElementRef( clientId, blockRef ); const { y, refs } = useFloating( { + placement: 'right-start', whileElementsMounted: autoUpdate, } ); diff --git a/packages/editor/src/components/collab-sidebar/style.scss b/packages/editor/src/components/collab-sidebar/style.scss index 2683ccd601798..e3bf2225ff8fb 100644 --- a/packages/editor/src/components/collab-sidebar/style.scss +++ b/packages/editor/src/components/collab-sidebar/style.scss @@ -21,6 +21,7 @@ border: 1px solid $gray-300; background-color: $gray-100; margin-bottom: $grid-unit-20; + width: calc(100% - 32px); } &__active-thread {