diff --git a/src/elements/content-sidebar/versions/VersionsItem.scss b/src/elements/content-sidebar/versions/VersionsItem.scss index 236b698902..be56e9e191 100644 --- a/src/elements/content-sidebar/versions/VersionsItem.scss +++ b/src/elements/content-sidebar/versions/VersionsItem.scss @@ -18,22 +18,18 @@ } } - .bcs-VersionsItemActions-toggle { + .bcs-VersionsItemActions-targetWrapper { position: absolute; top: $bcs-VersionsItemButton-vertical; right: $bcs-VersionsItemButton-horizontal; + } + .bcs-VersionsItemActions-toggle { &:focus { border: $bdl-btn-border-width solid $primary-color; box-shadow: $bdl-btn-primary-box-shadow; } } - - .bcs-VersionsItemActions-toggle--modernized { - position: absolute; - top: var(--space-2); - right: var(--space-2); - } } .bcs-VersionsItem-badge { diff --git a/src/elements/content-sidebar/versions/VersionsItemActions.js b/src/elements/content-sidebar/versions/VersionsItemActions.js index 0e2c726f6c..2492ad6b3a 100644 --- a/src/elements/content-sidebar/versions/VersionsItemActions.js +++ b/src/elements/content-sidebar/versions/VersionsItemActions.js @@ -74,8 +74,10 @@ const VersionsItemActions = ({ className="bcs-VersionsItemActions" constrainToScrollParent constrainToWindow + constrainToWindowWithPin isRightAligned onMenuClose={handleMenuClose} + targetWrapperClassName="bcs-VersionsItemActions-targetWrapper" > {isPreviewModernizationEnabled ? (