diff --git a/components/graph.tsx b/components/graph.tsx
index f291211..3129b4d 100644
--- a/components/graph.tsx
+++ b/components/graph.tsx
@@ -55,7 +55,8 @@ export default function GraphView() {
   // graphElements transforms nodes and edges into cytoscape elements.
   const graphElements = () => {
     const elements : object[] = notes.map(note => (
-      { data: { id: note.id?.toString(), title: note.title } }
+      { data: { id: note.id?.toString(), title: (note.title.length >= 23)
+        ? note.title.slice(0, 20) + "..." : note.title } }
     ))
     return elements.concat(edges.map(edge => (
       { data: { source: edge.src.toString(),