diff --git a/src/public/javascripts/services/note_detail.js b/src/public/javascripts/services/note_detail.js
index cef41bec0..5506c96d3 100644
--- a/src/public/javascripts/services/note_detail.js
+++ b/src/public/javascripts/services/note_detail.js
@@ -216,16 +216,15 @@ async function loadNoteDetail(noteId) {
 }
 
 async function showChildrenOverview() {
+    const note = getCurrentNote();
     const attributes = await attributePromise;
-    const hideChildrenOverview = attributes.some(attr => attr.type === 'label' && attr.name === 'hideChildrenOverview');
+    const hideChildrenOverview = attributes.some(attr => attr.type === 'label' && attr.name === 'hideChildrenOverview') || note.type === 'relation-map';
 
     if (hideChildrenOverview) {
         $childrenOverview.hide();
         return;
     }
 
-    const note = getCurrentNote();
-
     $childrenOverview.empty();
 
     const notePath = treeService.getCurrentNotePath();
diff --git a/src/public/javascripts/services/note_detail_relation_map.js b/src/public/javascripts/services/note_detail_relation_map.js
index cc0212d0d..c26ef892a 100644
--- a/src/public/javascripts/services/note_detail_relation_map.js
+++ b/src/public/javascripts/services/note_detail_relation_map.js
@@ -243,7 +243,8 @@ async function show() {
 
         const pz = panzoom($relationMapCanvas[0], {
             maxZoom: 2,
-            minZoom: 0.1
+            minZoom: 0.1,
+            smoothScroll: false
         });
 
         if (mapData.transform) {
diff --git a/src/public/stylesheets/relation-map.css b/src/public/stylesheets/relation-map.css
index bad651adb..f16082f2b 100644
--- a/src/public/stylesheets/relation-map.css
+++ b/src/public/stylesheets/relation-map.css
@@ -1,5 +1,6 @@
 #note-detail-relation-map {
-    height: 500px;
+    height: 100%;
+    overflow: hidden;
 }
 
 #relation-map-canvas {