diff --git a/apps/web/src/components/dialogs/move-note-dialog.js b/apps/web/src/components/dialogs/move-note-dialog.js
index dad1a696f..bb892bd93 100644
--- a/apps/web/src/components/dialogs/move-note-dialog.js
+++ b/apps/web/src/components/dialogs/move-note-dialog.js
@@ -33,7 +33,7 @@ class MoveDialog extends React.Component {
     return (
       <Dialog
         isOpen={true}
-        title={"Add Note to Notebook"}
+        title={"Add to Notebook"}
         description={"Organize your notes by adding them to notebooks."}
         icon={Icon.Move}
         onClose={props.onClose}
diff --git a/apps/web/src/components/note/index.js b/apps/web/src/components/note/index.js
index 9967e02ca..20d6bbacf 100644
--- a/apps/web/src/components/note/index.js
+++ b/apps/web/src/components/note/index.js
@@ -25,7 +25,7 @@ function menuItems(note, context) {
   return [
     { title: "colors", component: <Colors data={note} /> },
     {
-      title: note.notebook?.id ? "Move" : "Add to",
+      title: "Add to notebook",
       onClick: async () => {
         await showMoveNoteDialog([note.id]);
       },
@@ -126,8 +126,8 @@ function Note(props) {
   const theme = useTheme();
   const color = useMemo(() => COLORS[note.color], [note.color]);
   const notebook = useMemo(
-    () => note.notebook && db.notebooks.notebook(note.notebook.id).data,
-    [note.notebook]
+    () => note.notebooks && db.notebooks.notebook(note.notebooks[0].id).data,
+    [note.notebooks]
   );
 
   return (
@@ -140,7 +140,7 @@ function Note(props) {
       id={note.id}
       index={index}
       header={
-        note.notebook && (
+        note.notebooks && (
           <Flex
             alignSelf="flex-start"
             justifySelf="flex-start"