2 files changed, 8 insertions, 6 deletions
diff --git a/src/client/views/collections/CollectionDockingView.scss b/src/client/views/collections/CollectionDockingView.scss
index c5e93f7cb..1895c06a1 100644
--- a/src/client/views/collections/CollectionDockingView.scss
+++ b/src/client/views/collections/CollectionDockingView.scss
@@ -3,11 +3,11 @@
 .miniMap {
     position: absolute;
     overflow: hidden;
-    right: 5;
-    bottom: 5;
+    right: 10;
+    bottom: 10;
     border: solid 1px;
-    display: block;
-    box-shadow: dimGray 1vw 1vw 0.8vw;
+    box-shadow: black 0.4vw 0.4vw 0.8vw;
+
     .miniOverlay {
         width: 100%;
         height: 100%;
diff --git a/src/client/views/collections/CollectionDockingView.tsx b/src/client/views/collections/CollectionDockingView.tsx
index 3c07ed0e3..bedfa7806 100644
--- a/src/client/views/collections/CollectionDockingView.tsx
+++ b/src/client/views/collections/CollectionDockingView.tsx
@@ -665,7 +665,6 @@ interface DockedFrameProps {
     documentId: FieldId;
     glContainer: any;
     libraryPath: (FieldId[]);
-    backgroundColor?: (doc: Doc) => string | undefined;
     //collectionDockingView: CollectionDockingView
 }
 @observer
@@ -839,7 +838,10 @@ export class DockedFrameRenderer extends React.Component<DockedFrameProps> {
         }), emptyFunction, emptyFunction);
     }
     renderMiniMap() {
-        return <div className="miniMap" style={{ width: this.returnMiniSize(), height: this.returnMiniSize() }}>
+        return <div className="miniMap" style={{
+            width: this.returnMiniSize(), height: this.returnMiniSize(), background: StrCast(this._document!._backgroundColor,
+                StrCast(this._document!.backgroundColor, CollectionDockingView.Instance.props.backgroundColor?.(this._document!))),
+        }}>
             <CollectionFreeFormView
                 Document={this._document!}
                 LibraryPath={emptyPath}