diff --git a/api/Note.fs b/api/Note.fs
index 8c78701..673840a 100644
--- a/api/Note.fs
+++ b/api/Note.fs
@@ -223,22 +223,31 @@ let todoListsHandler : HttpHandler =
                 ``type`` = "doc"
                 content = [|
                     for todoList in todoLists do
-                        yield JsonSerializer.Deserialize<JsonElement>("""
-                        {
+                        yield JsonSerializer.Deserialize<JsonElement>($"""
+                        {{
                             "type": "heading",
-                            "attrs": {
+                            "attrs": {{
                                 "textAlign": null,
                                 "indent": null,
                                 "lineHeight": null,
                                 "level": 3
-      },
+                            }},
                             "content": [
-                                {
+                                {{
                                     "type": "text",
-                                    "text": " """ +  todoList.noteId.ToString() + """ "
-                                }
+                                     "marks": [
+                                        {{
+                                            "type": "link",
+                                            "attrs": {{
+                                                "href": "/view?date={todoList.noteId}",
+                                                "openInNewTab": true    
+                                            }}
+                                        }}
+                                    ],  
+                                    "text": "{todoList.noteId}"
+                                }}
                             ]
-                        }
+                        }}
                         """)
                         yield! todoList.todoList
                 |]
diff --git a/web/src/views/Todo.vue b/web/src/views/Todo.vue
index 8f21d8b..50b75c7 100644
--- a/web/src/views/Todo.vue
+++ b/web/src/views/Todo.vue
@@ -8,7 +8,7 @@
         <Icon v-if="loading" icon="line-md:loading-alt-loop" />
       </a>
     </div>
-    <div class="editor">
+    <div class="todo">
       <el-tiptap :content="content" :extensions="extensions" :readonly=true @onInit="onInit" :enableCharCount="false"></el-tiptap>
     </div>
   </div>
@@ -144,17 +144,17 @@ export default {
 };
 </script>
 
-<style scoped>
-.el-tiptap-editor__content {
+<style>
+.todo .el-tiptap-editor__content {
   border-bottom: 1px solid #ebeef5 !important;
   border-top: 1px solid #ebeef5 !important;
   border-radius: 5px !important;
 }
-.el-tiptap-editor__menu-bar {
+.todo .el-tiptap-editor__menu-bar {
   display: none;
 }
 
-.el-tiptap-editor__footer {
+.todo .el-tiptap-editor__footer {
   display: none;
 }
 .content {