diff --git a/editor/src/index.js b/editor/src/index.js
index 9d0314a..b2ad5ec 100644
--- a/editor/src/index.js
+++ b/editor/src/index.js
@@ -3,15 +3,16 @@ import moment from 'moment'
 import './styles.scss'
 import Editor from './editor'
 import MD from './markdown'
+import wikiGraph from "./graph";
 
 moment.locale('nl')
 // mermaid.initialize({startOnLoad: true})
 // PrismJS.plugins.filterHighlightAll.reject.addSelector('.language-mermaid')
 // PrismJS.plugins.filterHighlightAll.reject.addSelector('.language-dot')
 
-// $(function () {
-//     wikiGraph('.graph-network')
-// })
+$(function () {
+    setTimeout(() => wikiGraph('.graph-network'), 1);
+})
 
 /*
  * EVENTS
diff --git a/templates/edit.html b/templates/edit.html
index cc2434f..63c89c0 100644
--- a/templates/edit.html
+++ b/templates/edit.html
@@ -36,12 +36,6 @@
                 </div>
             {{ end }}
         </div>
-
-        <div class="column is-hidden graph-view">
-            {{ if .ShowGraph }}
-                <div class="graph-network" data-name="{{ .Name }}" style="height:80vh; top:0; position: sticky"></div>
-            {{ end }}
-        </div>
     </div>
 {{ end }}
 
diff --git a/templates/sidebar-right.html b/templates/sidebar-right.html
index 3956a76..47afce6 100644
--- a/templates/sidebar-right.html
+++ b/templates/sidebar-right.html
@@ -2,5 +2,11 @@
 <div class="sidebar-right">
     {{block "calendar" .}}
     {{end}}
+
+    <div class="graph-view">
+        {{ if .ShowGraph }}
+            <div class="graph-network" data-name="{{ .Name }}" style="height:80vh; top:0; position: sticky"></div>
+        {{ end }}
+    </div>
 </div>
 {{ end }}