diff --git a/pages/note/index.js b/pages/note/index.js
index 6c768df..bd9b918 100644
--- a/pages/note/index.js
+++ b/pages/note/index.js
@@ -1,4 +1,4 @@
-import Layout from "../components/Layout";
+import Layout from "../../components/Layout";
 import {
   getSinglePost,
   getDirectoryData,
@@ -6,16 +6,16 @@ import {
   getFlattenArray,
   getLocalGraphData,
   constructGraphData
-} from "../lib/utils";
-import FolderTree from "../components/FolderTree";
-import MDContent from "../components/MDContent";
+} from "../../lib/utils";
+import FolderTree from "../../components/FolderTree";
+import MDContent from "../../components/MDContent";
 
 
 // This trick is to dynamically load component that interact with window object (browser only)
 export default function Home({ content, tree, flattenNodes, backLinks }) {
   return (
     <Layout>
-      <div className='container'>
+      <div className='notes-container'>
         <nav className="nav-bar">
           <FolderTree tree={tree} flattenNodes={flattenNodes} />
         </nav>
@@ -35,13 +35,11 @@ export function getStaticProps() {
   const internalLinks = listOfEdges.map(anEdge => nodes.find(aNode => aNode.slug === anEdge.source)).filter(element => element !== undefined)
   const backLinks = [...new Set(internalLinks)]
 
-  const graphData = getLocalGraphData("index");
   return {
     props: {
       content: contentData.data,
       tree: tree,
       flattenNodes: flattenNodes,
-      graphData: graphData,
       backLinks: backLinks
     },
   };