Merge branch 'master' into aarav_edit

1 files changed, 2 insertions, 5 deletions

diff --git a/src/client/views/SidebarAnnos.tsx b/src/client/views/SidebarAnnos.tsx
index 3c0611f03..b7e6318b1 100644
--- a/src/client/views/SidebarAnnos.tsx
+++ b/src/client/views/SidebarAnnos.tsx
@@ -213,14 +213,11 @@ export class SidebarAnnos extends ObservableReactComponent<FieldViewProps & Extr
         // TODO: Calculation of the topbar is hardcoded and different for text nodes - it should all be the same and all be part of SidebarAnnos
         return !this._props.showSidebar ? null : (
             <div
+                className="sidebarAnnos-container"
                 style={{
-                    position: 'absolute',
                     pointerEvents: this._props.isContentActive() ? 'all' : undefined,
                     top: this._props.Doc.type !== DocumentType.RTF && StrCast(this._props.Doc._layout_showTitle) === 'title' ? 15 : 0,
-                    right: 0,
                     background: this._props.styleProvider?.(this._props.Doc, this._props, StyleProp.WidgetColor) as string,
-                    width: `100%`,
-                    height: '100%',
                 }}>
                 <div className="sidebarAnnos-tagList" style={{ height: this.filtersHeight() }} onWheel={e => e.stopPropagation()}>
                     {this.allUsers.length > 1 ? this.allUsers.map(renderUsers) : null}
@@ -228,7 +225,7 @@ export class SidebarAnnos extends ObservableReactComponent<FieldViewProps & Extr
                     {Array.from(this.allMetadata.keys()).sort().map(renderMeta)}
                 </div>
 
-                <div style={{ width: '100%', height: `calc(100% - 38px)`, position: 'relative' }}>
+                <div className="sidebarAnnos-stacking" style={{ height: `calc(100% - ${this.filtersHeight()}px)` }}>
                     <CollectionStackingView
                         {...this._props}
                         setContentViewBox={emptyFunction}